triangel/arrow下拉菜單？

Question

搜索下拉式導航幫助！

它不應該是這樣的： I should look like this

不過貌似： But looks like this

Answer 1

我給你我實現的一個例子，當然，你必須添加自己的SVG（或其他格式），背景圖片，這將是你所需要的箭頭，而箭頭也需要改變當然位置：

.myClass { 
    background: url("yourPic.png"); 
    background-position: 100% 50%; 
    background-repeat: no-repeat; 
    background-color: white; 
    border-color: white; 
    color: black; 
    padding: 5px 20px 5px 10px; 
    -moz-appearance: none; 
    -webkit-appearance: none; 
} 

這裏

主要伎倆是appearance屬性，它將隱藏選擇元素的默認樣式，以便可以用自己的樣式覆蓋它。

PS。爲了使這項工作在IE中，你將不得不補充：

.myClass::-ms-expand { 
    display:none; 
}