Desktop Friendly Multiple Dropdownlist While Keeping Smartphones Default Style

I have a basic HTML dropdownlist that's basically this: 0<Solution 1: Demo FiddleOne option would be to use media queries to show a normal select box for android/mobile devices, then a replaced select box for desktop machinesHTML<select id='mobile'> <option>Mobile Select Box</option> </select> <select id='desktop'> <option>Desktop Select Box</option> </select> CopyCSS#mobile { display:none; } #desktop { display:block; } @media (max-width: 600px) { #desktop { display:none; } #mobile { display:block; } } Copy Share Post a Comment for "Desktop Friendly Multiple Dropdownlist While Keeping Smartphones Default Style" Top Question Right Floated Element Disappears When Using Columns In Firefox I am using an ol element with column-count and column-gap p… Remove The Button Inside The Dropdownlist Is there a way to hide or remove the arrow button inside a … Adding Asterisk To Placeholder, Or A Nice Way To Mark Required Fields Via Placeholder I'm looking for a way to style the asterisk in the plac… Mystery Margin Or Padding On List I cannot figure out where the padding is coming from the on… Homepage Slow To Load When I go to the homepage of my website after clearing my c… How To Add Placeholder Field?

I've been trying to add placeholder in input type='…