Home/ Questions/Q 105971
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T01:31:23+00:00

My code: body { font-family:Verdana,Arial,Helvetica,sans-serif; } .myfont { font-family:Verdana,Arial,Helvetica,sans-serif; } <body> Hello <select> <option>

  • 0

My code:

body {     font-family:'Verdana',Arial,Helvetica,sans-serif; } .myfont {     font-family:'Verdana',Arial,Helvetica,sans-serif; }
<body>     Hello     <select>         <option>             Hello         </option>     </select>     <select class='myfont'>         <option>             Hello         </option>     </select> </body>

Why is the first <select> element not inheriting the font-family property from the specification for <body>?

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. If you use:

    select {   font-family: inherit; }

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

    • 0