I've customized my <select>
using like this:
background-color:#ececec;
border:0;
border:1px solid #e3e3e3;
border-radius:3px;
width:100%;
font-family:'FuturaStdLightOblique', sans-serif;
font-size:16px;
color:#616263;
outline:none;
height: 40px;
But I also want to change my dropdown arrow into a look that fits this design. I would like to use the unicode triangle ▼ (▼
) as an alternative to the arrow down and if possible, set it to the same color as the texts in my select tag.
Any ideas on how I can achieve this without using anything aside from CSS/HTML? Thanks in advance.