当应用于输入按钮的文本时,css文本修饰下划线不起作用

时间:2012-01-10 20:04:57

标签: html css cross-browser

非常自我解释。我有一个输入按钮。它有文字。它有一个css类。 css类具有属性“text-decoration:underline;”。 下划线未显示在firefox 中。我尝试在属性中添加“!important”但无效。显然这是一个已知问题。有人知道解决方法吗?

3 个答案:

答案 0 :(得分:4)

更好的方法是使用display:inline-block它不会改变元素的位置。

答案 1 :(得分:3)

position: absolutedisplay: blockfloat: left应用于该按钮。 (display: block推荐。)不要问为什么。

您可能还会注意到Firefox会在quirks mode中呈现下划线。

答案 2 :(得分:0)

我没有看到在<input type=button>上强调Firefox上的文字有任何问题(从技术上讲,我的意思是;我发现这个想法存在许多可用性问题)。您的页面上可能还有其他内容可以阻止下划线。

另一方面,如果您希望仅为文本的部分加下划线,则可以使用<button>,这样您就可以在文本中使用标记,甚至<u>