CSS set font-family for select options not work

Asked Jun 16 '20 at 17:52

Active Jun 16 '20 at 17:52

Viewed 258 times

I use this code for my select box:

<select>
  <option>AB</option>
  <option>CD</option>
  <option>DW</option>
</select>

And CSS:

select, option {
  font: bold 22px tahoma;
}

Font family and weight work for select, but not work for option.

How I can set font family to OPTIONS?

asked Jun 16 '20 at 17:52

No NAME

1

It works perfectly for me. What is your issue here? – SMAKSS Jun 16 '20 at 17:54
Does this answer your question? [How to style the option of an html "select" element?](https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element) – charles Jun 16 '20 at 17:59
It works as expected. See [here](https://codepen.io/xstrafez/pen/xxZENgL) Do you have any css overriding it? – shim-kun Jun 16 '20 at 18:05
@SMAKSS option nor work for me in CHROME! – No NAME Jun 16 '20 at 18:43
@xstrafez_ please see this image: https://pasteboard.co/JdohT9R.png . bold not work for Options – No NAME Jun 16 '20 at 18:45
@charles no. i want style to OPTIONS. see this image: https://pasteboard.co/JdohT9R.png – No NAME Jun 16 '20 at 18:46
We need code, not images... I've tested in both chrome and firefox – shim-kun Jun 16 '20 at 18:49
@xstrafez_ I want add style to OPTION, not SELECT. – No NAME Jun 16 '20 at 18:54
it works for option for me.... [here](https://imgur.com/a/uLqUub7) – shim-kun Jun 16 '20 at 19:02
@NoNAME The ability to style the `option` element is very limited and support varies across browsers. A possible solution is to use other HTML elements (e.g., `input[type=radio]`) and JavaScript. – charles Jun 16 '20 at 19:11

0 Answers0