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