50+ CSS Select Boxes

Hand-picked collection of 50+ HTML and CSS select box code examples carefully collected from GitHub, Codepen, and various other platforms for web designers and developers.

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