buttonタグ内のテキストでも、アンダーラインを引く


CSSで、プロパティtext-decoration: underlineと書けば一瞬でしょ、な話なのだが、
FireFoxだとそうも言っていられない。
どうやらver3でもアンダーラインが引かれないので、どうにか解決できないものか、と考えていた。


結論は、できない。


いろいろやってみたけど、どうにもCSSでは解決できない。
buttonタグ(ようするにsubmitさせる必要があったりする)場合にも、アンカータグ(aタグ)のような見た目にしたいときは、hover時に、アンダーラインが引いてあげたいものだろう。ユーザビリティ的に。
どうやらFirefoxは、button内のtext-decoration: underlineを無視してしまうので、素直にuタグを書いてあげましょう。というお話し。