樣式按鈕，點擊文字

Question

當你點擊一個按鈕HTML按鈕，按鈕變爲向內因此使按鈕中的文本向下略微移動。我的問題是，如何在點擊時停止按鈕更改（向內）？

我希望你能理解我的問題。

Answer 1

你做了之後不管你與邊框等一樣，只是把一個跨度內按鈕周圍的文字像這樣：

<button class="button" type="submit"><span class="buttonspan">Blah</span></button>

然後CSS變爲：

button {position:relative; width:40px; height:20px /* set whatever width and height */} 

buttonspan { 
height: 30px; 
left: 0; 
position: absolute; 
top: 0; 
width: 100%; 
} 

確保將絕對跨度和相對按鈕設置爲一樣。

Answer 2

大多數跨瀏覽器友好的和簡單的答案很可能是用圖像來代替它 - 這會給你最大程度的控制，因爲所有的瀏覽器把按鈕不同。即使你嘗試邊框：0風格，文本該按鈕在某些瀏覽器中可能仍會向下移動。