在我的表單中我有一個提交按鈕:如何讓我的提交按鈕看起來不像按鈕?
<button name ="sort" value="sort" type="submit">▼</button>
的按鈕看起來像一個「按鈕」。這不是我想要的,我只是想按鈕看起來是這樣:
▼
因此,這意味着沒有任何風格,只有黑色箭頭。這可能嗎?
在我的表單中我有一個提交按鈕:如何讓我的提交按鈕看起來不像按鈕?
<button name ="sort" value="sort" type="submit">▼</button>
的按鈕看起來像一個「按鈕」。這不是我想要的,我只是想按鈕看起來是這樣:
▼
因此,這意味着沒有任何風格,只有黑色箭頭。這可能嗎?
是的,你可以使用CSS來去除背景和邊框
button {
background: none;
border: none;
}
<button name ="sort" value="sort" type="submit">▼</button>
可見的按鈕的唯一屬性是background
和border
。所以,你必須將這些屬性設置沒有像下面的代碼:
button {
background:none;
border:0;
}
<button name ="sort" value="sort" type="submit">▼</button>
提示:如果要定義規則僅適用於該按鈕,您可以用替換
button
button[name="sort"]
或設置班級。
<button name ="sort" value="sort" type="submit" style="background-color:transparent;border:0">▼</button>
的可能的複製[如何使按鈕看起來像一個鏈接?](http://stackoverflow.com/questions/1367409/how-to - 像按鈕一樣的鏈接) –
對於它的價值,「按鈕」類型存在的原因是您可以利用現有的API,併爲其提供多種狀態,而無需額外的努力。要覆蓋這個並儘可能地簡單明瞭就沒有多大意義。你爲什麼不用一個「onClick」做一個GIF?這很簡單。 – durbnpoisn
要回答你實際詢問的問題 - 是的,這是可能的。 – csmckelvey