Given This Select Element Css3 Style: How To Use Unicode Character Instead Of Background Image?

HTML5 Select element CSS3 style (no javascript) is shown below: Listing 1. Select element CSS3 style (no javascript): select { border : 1px solid #e9e9e9;

Solution 1:

I think you should try to use content property like below:

select{
    position: relative;
    background: none;
}

select:after{
    content: '\2193';
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 12px;
    line-height: 1;
}

About using unicode character in css you can read here: Placing Unicode character in CSS content value