{"mdn_url":"https://developer.mozilla.org/docs/Web/HTML/Element/select","source_file":"html/elements/select.json","spec_url":"https://html.spec.whatwg.org/multipage/form-elements.html#the-select-element","status":{"deprecated":false,"experimental":false,"standard_track":true},"support":{"chrome":{"notes":"<code>border-radius</code> on <code>&lt;select&gt;</code> elements is ignored unless <code>-webkit-appearance</code> is overridden to an appropriate value.","version_added":"1"},"chrome_android":{"notes":"<code>border-radius</code> on <code>&lt;select&gt;</code> elements is ignored unless <code>-webkit-appearance</code> is overridden to an appropriate value.","version_added":"18"},"edge":{"version_added":"12"},"firefox":{"notes":"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), when Firefox is in multi-process mode 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 multiple attribute defined or a size attribute set to more than 1. Rather than watching <code>&lt;option&gt;</code> elements for events, you should watch for change events on <code>&lt;select&gt;</code>. See <a href='https://bugzil.la/1090602'>bug 1090602</a> for details.","version_added":"1"},"firefox_android":{"notes":"Firefox for Android, by default, sets a <code>background-image</code> gradient on all <code>&lt;select multiple&gt;</code> elements. This can be disabled using <code>background-image: none</code>.","version_added":"4"},"ie":{"version_added":true},"oculus":{"notes":"<code>border-radius</code> on <code>&lt;select&gt;</code> elements is ignored unless <code>-webkit-appearance</code> is overridden to an appropriate value.","version_added":"5.0"},"opera":{"version_added":"2"},"opera_android":{"version_added":"10.1"},"safari":{"notes":"<code>border-radius</code> on <code>&lt;select&gt;</code> elements is ignored unless <code>-webkit-appearance</code> is overridden to an appropriate value.","version_added":"1"},"safari_ios":{"notes":"<code>border-radius</code> on <code>&lt;select&gt;</code> elements is ignored unless <code>-webkit-appearance</code> is overridden to an appropriate value.","version_added":"1"},"samsunginternet_android":{"notes":"<code>border-radius</code> on <code>&lt;select&gt;</code> elements is ignored unless <code>-webkit-appearance</code> is overridden to an appropriate value.","version_added":"1.0"},"webview_android":{"notes":["In the Browser app for Android 4.1 (and possibly later versions), there is a bug where the menu indicator triangle on the side of a <code>&lt;select&gt;</code> will not be displayed if a <code>background</code>, <code>border</code>, or <code>border-radius</code> style is applied to the <code>&lt;select&gt;</code>.","<code>border-radius</code> on <code>&lt;select&gt;</code> elements is ignored unless <code>-webkit-appearance</code> is overridden to an appropriate value."],"version_added":"≤37"}}}