css - Opera でtext-decoration が機能しない

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 では動作しません。

この質問の提案を試しましたが、Opera のボタン内に下線付きのテキストはまだありません。そのブラウザでこれを達成するにはどうすればよいですか?

編集：

CSS のみのソリューションを使用したい。私は多くのフォームを持っていますが、そのうちのいくつかは Javascript によって生成されているため、Opera でこの 1 つの問題を修正するためだけにこれらすべての HTML/Javascript を変更するのは大変な作業です。

score 1 · Accepted Answer

これを試すことができます：

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

次の CSS スタイルを使用:

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

最新の Opera で動作します。

よろしくセーレン

score 0 · Accepted Answer

xhtml strict では、input type="button" に text-decoration と line-through を適用できません。html 4.01 transitional では動作しますが、xhtml strict では動作しません。

2 に答える 2