<select>: The HTML Select element

Read More at MDN DocsView Spec

Safe to Use

<select>: The HTML Select element is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeDec 11, 2008v1.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariJun 23, 2003v1.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxNov 9, 2004v1.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Dec 11, 2008 v1.0.0
26%╱100%
100% of Chrome users are running a supported version.
Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Full Support

border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

Chrome Android
Jun 27, 2012 v18.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Full Support

border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Firefox
Nov 9, 2004 v1.0.0
3%╱100%
100% of Firefox users are running a supported version.
Nov 9, 2004 – Latest
v1.0.0+
3%╱100%

Full Support

Historically, Firefox has allowed keyboard and mouse events to bubble up from the <option> element to the parent <select> 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 <select> element is displayed as a drop-down list. The behavior is unchanged if the <select> is presented inline and it has either the multiple attribute defined or a size attribute set to more than 1. Rather than watching <option> elements for events, you should watch for change events on <select>. See bug 1090602 for details.

Firefox for Android
Mar 29, 2011 v4.0.0
Firefox for Android supports this feature.
Mar 29, 2011 – Latest
v4.0.0+

Full Support

Firefox for Android, by default, sets a background-image gradient on all <select multiple> elements. This can be disabled using background-image: none.

Internet Explorer
Aug 16, 1995 v1.0.0
0%╱100%
100% of Internet Explorer users are running a supported version.
Aug 16, 1995 – Latest
v1.0.0+
0%╱100%

Full Support

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

Opera
Jul 14, 1996 v2.0.0
1%╱100%
100% of Opera users are running a supported version.
Jul 14, 1996 – Latest
v2.0.0+
1%╱100%

Full Support

Opera Android
Nov 9, 2010 v10.1.0
Opera Android supports this feature.
Nov 9, 2010 – Latest
v10.1.0+

Full Support

Safari
Jun 23, 2003 v1.0.0
5%╱100%
100% of Safari users are running a supported version.
Jun 23, 2003 – Latest
v1.0.0+
5%╱100%

Full Support

border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

Safari on iOS
Jun 29, 2007 v1.0.0
17%╱100%
100% of Safari on iOS users are running a supported version.
Jun 29, 2007 – Latest
v1.0.0+
17%╱100%

Full Support

border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

Samsung Internet
Apr 27, 2013 v1.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Full Support

border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

WebView Android
Sep 3, 2014 v37.0.0
WebView Android supports this feature.
Sep 3, 2014 – Latest
v37.0.0+

Full Support

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 <select> will not be displayed if a background, border, or border-radius style is applied to the <select>.

border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

See Also

Contribute