Right way to underline html submit button?

Question

If you absolutely need to style your html buttons, what is the right way to emphasize some of them? for example, "Add to Cart" is usually underlined visually to highlight it.

Option 1 - submit wrapper in em or strong + css

Option 2 - class + css

Option 3 -?

Answer 1

CSS is the way to go. For example, in the Facebook Notes application, the Publish button is blue and the rest are gray. All this is done using CSS classes and identifiers.

, , CSS. , Firebug, , .

Answer 2

, , . - , , - /id.

, , .

HTML

<div class="foo">
  <input type="submit" />
</div>

CSS

.foo input
{
 ...some styles
}

, . - , .

Answer 3

, , , , <button> ( <input type="submit"> , ) <em> CSS, :

em button {
    color: blue;
    font-style: normal;
    font-weight: bold;
}

(, <em> <strong> , . "" -, <em> even , .)

Answer 4

<button><em>label</em></button>

IE , < input type="button" > - , em - .

<input type="button" class="emphasized"/>

-..

Answer 5

CSS2 + 3: CSS

input[type="submit"] {
    border: 3px solid blue;
}

: http://www.w3.org/TR/CSS2/selector.html

Answer 6

... ...

" !"

Answer 7

, , ...

, . , .

CSS , . < input type="submit" > , < button type = "submit" > [lable here here] </button> . , , .

- , - , , , .

Answer 8

- , . , , , . , , , , .

< > , , , , , , <strong> <em> .

, CSS, .

Answer 9

. - , .

:

• (font-size: 120%)
• (font-weight: bold)
• ( , , padding: 4px 8px)

- . , , .

- , color, background-color border.