添加webfont圖標使用內容：之前在自定義html選擇框

Question

我想在默認的html選擇框基礎上做一個自定義樣式的選擇框，我試圖通過使用默認的html選擇框更改其默認下拉圖標：之前，然後把「內容：'\ 27'」（「/ 27」是一個下拉圖標的離子圖標），但可悲的是不工作，任何幫助，建議，建議，想法和線索非常感謝。謝謝！

/* select box */ 
 
.dodong_ui_selectbox{ 
 
    border: 1px solid #ccc; 
 
    -webkit-appearance: none; 
 
    padding: 5px; 
 
} 
 
.dodong_ui_selectbox:before{ 
 
    content: '\27'; 
 
} 
 
.dodong_ui_selectbox:active, .dodong_ui_selectbox:focus{ 
 
    outline: none; 
 
}

<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/> 
 

 
<select name="user" class="dodong_ui_selectbox"> 
 
    <option value="user1">Jason Acappela</option> 
 
    <option value="user2">Mark Henry</option> 
 
    <option value="user3">Xoe Jii</option> 
 
    <option value="user4">Abdul Abubakar Muhammad</option> 
 
    <option value="user5">Juan De la Cruz</option> 
 
</select>