Drop down arrow in select boxes not showing
Here is a basic select
<select> <option>1</option> <option>2</option> <option>3</option></select>Now lets see where is your issue:
select { -webkit-appearance: none; /*webkit browsers */ -moz-appearance: none; /*Firefox */ appearance: none; /* modern browsers */ border-radius: 0;}<select> <option>1</option> <option>2</option> <option>3</option></select>So when you set none to appearance you are removing the arrow (which by default is menulist), and when you are setting 0 to border-radius, you are removing the border by default of the select.
NOTE If you have hidden the arrow in IE with this rule select::-ms-expand { display: none; } to have the arrow back you would need to set it display:block
You have overridden the -webkit-appearance property for select, which was set as -webkit-appearance: menulist; as default value by browsers.
The answer is correct for most but didn't work for me. This did the trick
select::-ms-expand { display: block; }