文本修飾不工作<INPUT TYPE = 「按鈕」>在Opera

Question

考慮下面的代碼：

HTML：

<input id="myButton" type="button" value="Click me" /> 

CSS：

#myButton{ 
    text-decoration: underline; 
    padding: 10px; 
} 

你可以看到這個作爲jsfiddle上的實例。

我想實現按鈕內部的文字帶下劃線。它在IE9，Chrome 21，Firefox 14和Safari 5.1.5中工作正常，但它在當前的Opera 12中無法正常工作。

我嘗試了this question的建議，但Opera中的按鈕內部仍然沒有帶下劃線的文本。我怎樣才能在該瀏覽器中實現這一點？

編輯：

我想用一個唯一的CSS的解決方案。我有很多表單，其中一些是由Javascript生成的，因此，爲了修復Opera上的這個問題，更改所有這些HTML/Javascript會花費太多精力。在最新的歌劇

#test{ padding: 10px; } 
#test span{ text-decoration: underline; } 

工作對我來說：

Answer 1

你可以試試這個：

<button id="test"><span>Test</span></button> 

用下面的CSS的樣式。

問候 索倫

Answer 2

你不能申請文本裝飾線，通過對下XHTML嚴格的輸入類型=「按鈕」。它在html 4.01過渡下工作，但不是xhtml strict。