2016-04-27 158 views
0

在我的表單中我有一個提交按鈕:如何讓我的提交按鈕看起來不像按鈕?

<button name ="sort" value="sort" type="submit">&#9660;</button> 

的按鈕看起來像一個「按鈕」。這不是我想要的,我只是想按鈕看起來是這樣:

因此,這意味着沒有任何風格,只有黑色箭頭。這可能嗎?

+1

的可能的複製[如何使按鈕看起來像一個鏈接?](http://stackoverflow.com/questions/1367409/how-to - 像按鈕一樣的鏈接) –

+1

對於它的價值,「按鈕」類型存在的原因是您可以利用現有的API,併爲其提供多種狀態,而無需額外的努力。要覆蓋這個並儘可能地簡單明瞭就沒有多大意義。你爲什麼不用一個「onClick」做一個GIF?這很簡單。 – durbnpoisn

+2

要回答你實際詢問的問題 - 是的,這是可能的。 – csmckelvey

回答

3

是的,你可以使用CSS來去除背景和邊框

button { 
 
    background: none; 
 
    border: none; 
 
}
<button name ="sort" value="sort" type="submit">&#9660;</button>

1

可見的按鈕的唯一屬性是backgroundborder。所以,你必須將這些屬性設置沒有像下面的代碼:

button { 
 
    background:none; 
 
    border:0; 
 
}
<button name ="sort" value="sort" type="submit">&#9660;</button>

提示:如果要定義規則僅適用於該按鈕,您可以用替換buttonbutton[name="sort"]或設置班級。

1

<button name ="sort" value="sort" type="submit" style="background-color:transparent;border:0">&#9660;</button>