试图隐藏选择标记上的箭头

Question

我在尝试隐藏选择标记

上的默认箭头图标时遇到问题

CSS -

.toolbar .sort-by select {
background:url('/skin/frontend/baby/default/images/select_icon.jpg');
background-repeat:no-repeat;
background-position:center right;
border-radius:5px;
border:1px solid #9edef1;
font-family:'montserratregular', sans-serif; 
margin-left: 10px;

}   

关于我附加的图像，如果仔细观察，默认箭头图标后面会有一个小背景图标。不确定为什么它没有将背景图像放在默认图标

之上

Answer 1

你可以使用一些javascript制作一个“select”div和另一个“下拉”div。

据我所知，它不会在css中工作。

Answer 2

在您的CSS样式中为选择标记添加-webkit-appearance: none。

Answer 3

没有css选项可以隐藏下拉列表中的箭头。