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; 
}