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

我在尝试隐藏select标记上的默认箭头图标时遇到问题

CSS-

---

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

没有css选项隐藏下拉菜单上的箭头。

您可以使用一些javascript创建一个“选择”div和另一个“下拉”div

---

据我所知，它在css中不起作用。

包括

-webkit外观：在你的css样式中没有选择标记的
。
奇怪的是，我试图遵循一个教程，只使用css@clestcruz-wow，这是我从来没有想到的，这是许多创新有趣用途的例子之一。现在，我将尝试帮助您理解它：您通过将其放置在div的边缘来“隐藏”它（因此该部分不在div中。这就是为什么您要写“overflow:hidden”；即它溢出div的边缘，箭头包含在“hidden”中），然后将img放置在div中以便您看到它。我不确定它是否可以作为一个下拉列表，尽管尝试一下。
.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;

}