ansaurus

Question

Answer 1

+5 A:

If you use:

select {
  font-family: inherit;
}

It'll work fine. CSS is a little quirky when it comes to form controls.

James Burgess 2009-01-05 12:56:15

how can you set individual <option> text **bold**? Because <option style='font-weight: bold'>bold item</option> doesn't work.

Bakhtiyor 2010-06-10 20:14:59

You'll probably get better responses if you ask this in a separate, new question.

James Burgess 2010-06-10 23:59:19

Answer 2

A:

If I have to change the font for a "select" why do I have to copy the style?

Just so you know, even if you did have to "copy the style", you don't have to copy the style like you've done above.

You would just apply the samy style to body and .myfont by doing this:

      .myfont, body 
      {
        font-family:"Verdana",Arial,Helvetica,sans-serif;
      }

AmbroseChapel 2009-01-06 04:41:49

Answer 3

A:

Yes font-family: inherit seems the best.
But otherwise:

  body, .myfont
  {
    font-family:Verdana,Arial,Helvetica,sans-serif;
  }

You can also replace '.myfont' for 'select' if you want all select elements to use this.

Hot tip. Do not use quotes around your font family names, it is not understood by all browsers.

GONeale 2009-01-06 04:45:49

Answer 4

A:

James's answer seems the most elegant and correct to me, but I thought I'd just add another way to do it:

.myfont option {
     font-family: "Verdana"; /* etc */
}

nickf 2009-01-06 04:46:26

inherit "font-family" style in SELECT/OPTION