50+ CSS Select Boxes

Are you looking for visually appealing and interactive select boxes? Wait, stop, your quest ends here! In this collection, we are showcasing the best handpicked HTML and CSS Select Box code examples that improve the user experience of your web project. We’ve compiled these select box code snippets from top sites such as GitHub, Codepen, and various other platforms.

Select boxes allow users to select an option from the given list, making forms more intuitive and accessible. We’ve carefully choosen each item in our curated collection to improve the user experience and enhance the visual appeal of your web and mobile app.

We showcase a diverse list of select boxes for web designers and web developers, each of which is highly customizable, properly styled, and coded to work seamlessly on every modern browser. Explore our curated collection of unique, stylish, and functional CSS select boxes to add depth and dynamism to your webpages.

1. Pure CSS Select Box

See the Pen <a href="https://codepen.io/Lightningstorms/pen/VwYdVbz"> Pure CSS Select Box</a> by Danny Dorstijn (<a href="https://codepen.io/Lightningstorms">@Lightningstorms</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Danny Dorstijn
Source: Code / Demo
Created on: JANUARY 14, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

2. Custom Select Box

See the Pen <a href="https://codepen.io/edeesims/pen/gbOLEX"> Custom Select Box</a> by Eddy Sims (<a href="https://codepen.io/edeesims">@edeesims</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Eddy Sims
Source: Code / Demo
Created on: NOVEMBER 13, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

3. Pure CSS Select Box Styling

See the Pen <a href="https://codepen.io/a-urban/pen/MevgBb"> Pure CSS Select Box Styling</a> by Anselm Urban (<a href="https://codepen.io/a-urban">@a-urban</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Anselm Urban
Source: Code / Demo
Created on: JULY 6, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

4. Flat selectbox

See the Pen <a href="https://codepen.io/PeterGeller/pen/nYrXKd"> Flat selectbox</a> by Peter Geller (<a href="https://codepen.io/PeterGeller">@PeterGeller</a>) on <a href="https://codepen.io">CodePen</a>. 
Author:Peter Geller
Links: Code / Demo
Created on: JULY 26, 2013
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

5. Style a Select Box Using Only CSS

See the Pen <a href="https://codepen.io/ericrasch/pen/ngwwgn"> Style a Select Box Using Only CSS</a> by Eric Rasch (<a href="https://codepen.io/ericrasch">@ericrasch</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Eric Rasch
Source: Code / Demo
Created on: JUNE 21, 2012
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(Less)

6. CSS only Select

See the Pen <a href="https://codepen.io/udyux/pen/KzJQea"> CSS only Select</a> by Nicolas Udy (<a href="https://codepen.io/udyux">@udyux</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nicolas Udy
Source: Code / Demo
Created on: MAY 9, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(PostCSS)

7. Simple custom select

See the Pen <a href="https://codepen.io/afalchi82/pen/aNXjgb"> Simple custom select</a> by Alessandro Falchi (<a href="https://codepen.io/afalchi82">@afalchi82</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Alessandro Falchi
Source: Code / Demo
Created on: MAY 9, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS), JavaScript

8. Pure CSS Select Box With Direction Aware Hover Effect

See the Pen <a href="https://codepen.io/singhimalaya/pen/pxKKgd"> Pure CSS Select Box With Direction Aware Hover Effect</a> by Himalaya Singh (<a href="https://codepen.io/singhimalaya">@singhimalaya</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Himalaya Singh
Source: Code / Demo
Created on: OCTOBER 21, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

9. Dropdown Menu

See the Pen <a href="https://codepen.io/spectrum-dev/pen/JRjwPa"> Dropdown Menu</a> by Mostafa (<a href="https://codepen.io/spectrum-dev">@spectrum-dev</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Mostafa
Source: Code / Demo
Created on: SEPTEMBER 3, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

10. Custom Select

See the Pen <a href="https://codepen.io/yy/pen/vOYqYV"> Custom Select</a> by Yusuf (<a href="https://codepen.io/yy">@yy</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Yusuf
Links: Code / Demo
Created on: APRIL 24, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

11. Custom <select>

See the Pen <a href="https://codepen.io/RedStarZOn/pen/MWzJLy"> Custom <select></a> by Christophe CORBALAN (<a href="https://codepen.io/RedStarZOn">@RedStarZOn</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Christophe CORBALAN
Source: Code / Demo
Created on: SEPTEMBER 18, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

12. Pure CSS Select Box With Direction Aware Hover Effect

See the Pen <a href="https://codepen.io/mnainnovix/pen/zYGNNde"> Pure CSS Select Box With Direction Aware Hover Effect</a> by Mina Nabil (<a href="https://codepen.io/mnainnovix">@mnainnovix</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Mina Nabil
Source: Code / Demo
Created on: FEBRUARY 24, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

13. Custom select box

See the Pen <a href="https://codepen.io/jamesbarnett/pen/AYOWQV"> Custom select box</a> by James Barnett (<a href="https://codepen.io/jamesbarnett">@jamesbarnett</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: James Barnett
Source: Code / Demo
Created on: NOVEMBER 6, 2013
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

14. Material Design Select Dropdown

See the Pen <a href="https://codepen.io/sammurphey/pen/BQvZbq"> Material Design Select Dropdown</a> by Sam Murphey (<a href="https://codepen.io/sammurphey">@sammurphey</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Sam Murphey
Source: Code / Demo
Created on: DECEMBER 17, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

15. Pure CSS Select Box With Direction Aware Hover Effect

16. Pure CSS Select – NO wrapper!

See the Pen <a href="https://codepen.io/raubaca/pen/bGWmZje"> Pure CSS Select – NO wrapper!</a> by Raúl Barrera (<a href="https://codepen.io/raubaca">@raubaca</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Raúl Barrera
Source: Code / Demo
Created on: AUGUST 7, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

17. MultiSelectBox [CSS] no JS

See the Pen <a href="https://codepen.io/quick-brown-fox/pen/bzEbNe"> MultiSelectBox [CSS] no JS</a> by Quick Brown Fox (<a href="https://codepen.io/quick-brown-fox">@quick-brown-fox</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Quick Brown Fox
Source: Code / Demo
Created on: JANUARY 25, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Haml), CSS(Less)

18. CSS3 Card Deck Drop Down

See the Pen <a href="https://codepen.io/oceatoon/pen/DdzLJm"> CSS3 Card Deck Drop Down</a> by Tibor Katelbach (<a href="https://codepen.io/oceatoon">@oceatoon</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Tibor Katelbach
Source: Code / Demo
Created on: JULY 23, 2013
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

19. Responsive custom select box with custom scroll

See the Pen <a href="https://codepen.io/microfront/pen/NXGrGQ"> Responsive custom select box with custom scroll</a> by Dejan Babić (<a href="https://codepen.io/microfront">@microfront</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Dejan Babić
Source: Code / Demo
Created on: DECEMBER 16, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

20. CSS only Select ( radio + checkbox ) No JS

See the Pen <a href="https://codepen.io/aron-tw/pen/MeMKON"> CSS only Select ( radio + checkbox ) No JS</a> by Aron (<a href="https://codepen.io/aron-tw">@aron-tw</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Aron
Source: Code / Demo
Created on: AUGUST 24, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

21. Styling select box with CSS

See the Pen <a href="https://codepen.io/fabriceleven/pen/qOmNPG"> Styling select box with CSS</a> by Alex (<a href="https://codepen.io/fabriceleven">@fabriceleven</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Alex
Source: Code / Demo
Created on: OCTOBER 6, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

22. Select (placeholder disabled)

See the Pen <a href="https://codepen.io/avstorm/pen/bPOgRO"> Select (placeholder disabled)</a> by Andreas Storm (<a href="https://codepen.io/avstorm">@avstorm</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Andreas Storm
Source: Code / Demo
Created on: JULY 9, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(Stylus)

23. Custom select box by VJ

See the Pen <a href="https://codepen.io/vulchivijay/pen/rxyBpg"> Custom select box by VJ</a> by Vijaya Kumar Vulchi (<a href="https://codepen.io/vulchivijay">@vulchivijay</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Vijaya Kumar Vulchi
Source: Code / Demo
Created on: JANUARY 5, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(Less), JavaScript

24. Material design select ( jQuery )

See the Pen <a href="https://codepen.io/LukyVj/pen/meJqor"> Material design select ( jQuery ) </a> by LukyVJ (<a href="https://codepen.io/LukyVj">@LukyVj</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: LukyVJ
Source: Code / Demo
Created on: SEPTEMBER 8, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

25. Select Box with Placeholder [CSS Only]

See the Pen <a href="https://codepen.io/jnowland/pen/GZLQBw"> Select Box with Placeholder [CSS Only]</a> by James Nowland (<a href="https://codepen.io/jnowland">@jnowland</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: James Nowland
Source: Code / Demo
Created on: MAY 14, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

26. select box

See the Pen <a href="https://codepen.io/mrphang/pen/XWxKdpV"> select box</a> by yoo jin seong (<a href="https://codepen.io/mrphang">@mrphang</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: yoo jin seong
Source: Code / Demo
Created on: APRIL 17, 2023
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

27. Select Box Styling

See the Pen <a href="https://codepen.io/soberdash/pen/gONymw"> Select Box Styling</a> by Soberdash (<a href="https://codepen.io/soberdash">@soberdash</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Soberdash
Source: Code / Demo
Created on: OCTOBER 30, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

28. Custom Select Field Styling with Only CSS

See the Pen <a href="https://codepen.io/5t3ph/pen/MWyyYNz"> Custom Select Field Styling with Only CSS</a> by Stephanie Eckles (<a href="https://codepen.io/5t3ph">@5t3ph</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Stephanie Eckles
Source: Code / Demo
Created on: AUGUST 14, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

29. Pretty Select dropdown

See the Pen <a href="https://codepen.io/j0be/pen/jWGVvV"> Pretty Select dropdown</a> by j0be (<a href="https://codepen.io/j0be">@j0be</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: j0be
Source: Code / Demo
Created on: JANUARY 15, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

30. Image Selection with faux-loading

See the Pen <a href="https://codepen.io/lewisvrobinson/pen/rYrqWv"> Image Selection with faux-loading</a> by Lewis Robinson (<a href="https://codepen.io/lewisvrobinson">@lewisvrobinson</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Lewis Robinson
Source: Code / Demo
Created on: NOVEMBER 27, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

31. Select Menu

See the Pen <a href="https://codepen.io/pierre-laurent/pen/LVLgVw"> Select Menu</a> by Pierre Laurent (<a href="https://codepen.io/pierre-laurent">@pierre-laurent</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Pierre Laurent
Source: Code / Demo
Created on: JUNE 12, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

32. Pure CSS Select Box

See the Pen <a href="https://codepen.io/miniven/pen/ZJydge"> Pure CSS Select Box</a> by Veniamin (<a href="https://codepen.io/miniven">@miniven</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Veniamin
Source: Code / Demo
Created on: AUGUST 11, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS)

33. Custom Select an Option

See the Pen <a href="https://codepen.io/THEORLAN2/pen/Kaewmw"> Custom Select an Option</a> by Dany Santos (<a href="https://codepen.io/THEORLAN2">@THEORLAN2</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Dany Santos
Source: Code / Demo
Created on: FEBRUARY 4, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

34. Select Option Interaction

See the Pen <a href="https://codepen.io/pasaribu/pen/zvObzO"> Select Option Interaction</a> by Bhakti Pasaribu (<a href="https://codepen.io/pasaribu">@pasaribu</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Bhakti Pasaribu
Source: Code / Demo
Created on: AUGUST 29, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Haml), CSS(SCSS), JavaScript

35. CSS Review: Select Box

See the Pen <a href="https://codepen.io/sgestrella/pen/yrqvqo"> CSS Review: Select Box</a> by Steven Estrella (<a href="https://codepen.io/sgestrella">@sgestrella</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Steven Estrella
Source: Code / Demo
Created on: APRIL 22, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavScript

36. Selectionator

See the Pen <a href="https://codepen.io/maggiben/pen/BapEGv"> Selectionator</a> by Benjamin (<a href="https://codepen.io/maggiben">@maggiben</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Benjamin
Source: Code / Demo
Created on: MAY 23, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(Less)

37. Select-Boxes

See the Pen <a href="https://codepen.io/radiantshaw/pen/oLdLRW"> Select-Boxes</a> by Nipun Paradkar (<a href="https://codepen.io/radiantshaw">@radiantshaw</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nipun Paradkar
Source: Code / Demo
Created on: JULY 23, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

38. Simple Custom Select Box

See the Pen <a href="https://codepen.io/slwulf/pen/eYeEoM"> Simple Custom Select Box</a> by Sarah (<a href="https://codepen.io/slwulf">@slwulf</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Sarah
Source: Code / Demo
Created on: JULY 10, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

39. CSS styled and filterable select dropdown

See the Pen <a href="https://codepen.io/marijoha/pen/zKjvEw"> CSS styled and filterable select dropdown</a> by Mari Johannessen (<a href="https://codepen.io/marijoha">@marijoha</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Mari Johannessen
Source: Code / Demo
Created on: OCTOBER 11, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript(Babel)

40. uSwitch pure CSS select control v1.0

See the Pen <a href="https://codepen.io/pixelthing/pen/AYVYdK"> uSwitch pure CSS select control v1.0</a> by Craig Morey (<a href="https://codepen.io/pixelthing">@pixelthing</a>) on <a href="https://codepen.io">CodePen</a>. Author: Craig Morey
Source: Code / Demo
Created on: JUNE 20, 2013
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

41. Styled “select” options using CSS3 and Flexbox

See the Pen <a href="https://codepen.io/cssinate/pen/KVdYjz"> Styled “select” options using CSS3 and Flexbox</a> by Paul Grant (<a href="https://codepen.io/cssinate">@cssinate</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Paul Grant
Source: Code / Demo
Created on: DECEMBER 14, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

42. Country code select box

See the Pen <a href="https://codepen.io/eplehans/pen/BKKBgY"> Country code select box</a> by hanserino (<a href="https://codepen.io/eplehans">@eplehans</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: hanserino
Source: Code / Demo
Created on: MARCH 8, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

43. Responsive Custom Select Box Styling (CSS Only)

See the Pen <a href="https://codepen.io/austinwalker/pen/DPgOvY"> Responsive Custom Select Box Styling (CSS Only)</a> by Austin Walker (<a href="https://codepen.io/austinwalker">@austinwalker</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Austin Walker
Source: Code / Demo
Created on: JANUARY 16, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

44. Magic with details // CSS Only Dropdown

See the Pen <a href="https://codepen.io/STKNG/pen/GbVogZ"> Magic with details // CSS Only Dropdown</a> by Steffen (<a href="https://codepen.io/STKNG">@STKNG</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Steffen
Source: Code / Demo
Created on: JULY 16, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

45. Select Box CSS3

See the Pen <a href="https://codepen.io/design8383/pen/kOyVax"> Select Box CSS3</a> by design8383 (<a href="https://codepen.io/design8383">@design8383</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: design8383
Source: Code / Demo
Created on: JANUARY 9, 2013
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

46. Custom Select Wrapper

See the Pen <a href="https://codepen.io/sales/pen/KyXVrw"> Custom Select Wrapper</a> by Matheus Sales (<a href="https://codepen.io/sales">@sales</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Matheus Sales
Source: Code / Demo
Created on: NOVEMBER 16, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Slim), CSS(Sass)

47. Pure CSS Select

See the Pen <a href="https://codepen.io/raubaca/pen/VejpQP"> Pure CSS Select</a> by Raúl Barrera (<a href="https://codepen.io/raubaca">@raubaca</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Raúl Barrera
Source: Code / Demo
Created on: DECEMBER 21, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

48. Custom Select Box Dropdown Styling

See the Pen <a href="https://codepen.io/FrankieDoodie/pen/Pyrqyp"> Custom Select Box Dropdown Styling</a> by FrankieDoodie (<a href="https://codepen.io/FrankieDoodie">@FrankieDoodie</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: FrankieDoodie
Source: Code / Demo
Created on: OCTOBER 31, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

49. Pure CSS styled select box

See the Pen <a href="https://codepen.io/emmasax/pen/QWQJzZ"> Pure CSS styled select box</a> by Emma Patricios (<a href="https://codepen.io/emmasax">@emmasax</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Emma Patricios
Source: Code / Demo
Created on: JULY 30, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Haml), CSS(Sass)

50. Custom select

See the Pen <a href="https://codepen.io/suez/pen/KKxyEa"> Custom select</a> by Nikolay Talanov (<a href="https://codepen.io/suez">@suez</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nikolay Talanov
Source: Code / Demo
Created on: SEPTEMBER 6, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

51. Custom select box (CSS only)

See the Pen <a href="https://codepen.io/gnclmorais/pen/AxWQjj"> Custom select box (CSS only)</a> by Gonçalo Morais (<a href="https://codepen.io/gnclmorais">@gnclmorais</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Gonçalo Morais
Source: Code / Demo
Created on: SEPTEMBER 27, 2013
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS