Home/ Questions/Q 919301
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T18:31:17+00:00

I’ve got a simple button with a single css-style, like this: <button style=text-decoration:underline>That’s a

  • 0

I’ve got a simple button with a single css-style, like this:

<button style="text-decoration:underline">That's a button</button>

Firebug tells me in the computed styles tab that indeed text-decoration is set to underline. However the Button-text is not underlined, why not?
Obviously it’s an issue with Firefox (3.6), since Chrome and IE both underline the button-text.
Is there some css-workaround for Firefox, or do I have to put the button in an outer div with the text-decoration style?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A little more research online has produced a more elegant workaround, and convinced me it probably is a ‘bug’. It is almost a type of ‘hasLayout’ for FireFox (not really, but acts similar). If you add any of the following, it shows the underline: position: absolute, display: block, display: inline-block, float: left (or right). So:

    <button style="text-decoration:underline; display: inline-block;">That's a button</button>
    • 0