I want to change the default appearance of the arrow of a dropdown list so that looks the same across browsers. Is there a way to override the default look and feel of the drop down arrow using CSS or otherwise ?
Css – Change color and appearance of drop down arrow
cssdrop-down-menu
Related Topic
- Javascript – Get selected text from a drop-down list (select box) using jQuery
- Html – How to style a
- Html – Change a HTML5 input’s placeholder color with CSS
- Css – Transitions on the CSS display property
- Javascript – hide the HTML5 number input’s spin box
- Javascript – Selecting and manipulating CSS pseudo-elements such as ::before and ::after using javascript (or jQuery)
- Css – Font scaling based on width of container
- Html – Hide scroll bar, but while still being able to scroll
Best Answer
You can acheive this with CSS but you are not techinically changing the arrow itself.
In this example I am actually hiding the default arrow and displaying my own arrow instead.