{"source_file":"html/elements/option.json","status":{"deprecated":false,"experimental":false,"standard_track":true},"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"notes":["Before 77, Firefox didn't display the value of the <code>label</code> attribute as option text if element's content was empty. See <a href='https://bugzil.la/40545'>bug 40545</a>.","Historically, Firefox has allowed keyboard and mouse events to bubble up from the <code>&lt;option&gt;</code> element to the parent <code>&lt;select&gt;</code> element, although this behavior is inconsistent across many browsers. For better Web compatibility (and for technical reasons), they will not bubble up when Firefox is in multi-process mode and the <code>&lt;select&gt;</code> element is displayed as a drop-down list. The behavior is unchanged if the <code>&lt;select&gt;</code> is presented inline and it has either the <code>multiple</code> attribute defined or a <code>size</code> attribute set to more than <code>1</code>. Rather than watching <code>&lt;option&gt;</code> elements for events, you should watch for <a href='https://developer.mozilla.org/docs/Web/Events/change'>change</a> events on <code>&lt;select&gt;</code>. See <a href='https://bugzil.la/1090602'>bug 1090602</a> for details.","When Mozilla introduced dedicated content threads to Firefox (through the Electrolysis, or e10s, project), support for styling <code>&lt;option&gt;</code> elements was removed temporarily. Starting in Firefox 54, you can apply foreground and background colors to <code>&lt;option&gt;</code> elements again, using the <code>color</code> and <code>background-color</code> CSS properties. See <a href='https://bugzil.la/910022'>bug 910022</a> for more information. Note that this is still disabled in Linux due to lack of contrast (see <a href='https://bugzil.la/1338283'>bug 1338283</a> for progress on this)."],"version_added":"1"},"firefox_android":{"notes":"Before 77, Firefox didn't display the value of the <code>label</code> attribute as option text if element's content was empty. See <a href='https://bugzil.la/40545'>bug 40545</a>.","version_added":"4"},"ie":{"version_added":true},"oculus":{"version_added":"5.0"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"≤4"},"safari_ios":{"version_added":"≤3.2"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"4.4"}}}