MDN URL

https://developer.mozilla.org/en-US/docs/Learn/Forms/Advanced_form_styling

What specific section or headline is this issue about?

Selects and datalists

What information was incorrect, unhelpful, or incomplete?

In this section the article explains two problems relating to styling the <select> and <datalists> elements. In the second problem, the article says:

The second, slightly more major issue is that you don't have control over the box that appears containing the options when you click on the <select> box to open it. You'll notice that the options don't inherit the font set on the parent.

The last line says the <option> element doesn't inherit the font set from the parent. Maybe this happens on older browsers but when I checked both on Firefox and Chrome <option> is inheriting the font from its parent so this line is not correct anymore in the paragraph. On the next line, it says:

You also can't consistently set things like spacing and colors. For example, Firefox will apply color and background-color when set on the <option> elements, but Chrome won't.

I checked on Chrome it also applies the color and background color properties so this statement that Chrome won't apply these properties does not make any sense because Chrome also applies these properties as well.

What did you expect to see?

Maybe change this paragraph so that it does not create confusion between the old and modern browser's capabilities.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata