试图隐藏在选择标签上的箭头

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; 

}

关于图像I如果仔细观察，默认箭头图标背后有一个小背景图标。不知道为什么它没有把背景图像放在默认图标上

来源

2013-08-23 clestcruz

没有css选项来隐藏下拉箭头。

来源

2013-08-23 03:01:15

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

就我所知它不会在CSS中工作。

来源

2013-08-23 03:03:42

奇怪有一个教程，我试图遵循使用唯一的CSS http://bavotasan.com/2011/style-select-box-using-only-css/ – clestcruz

@clestcruz哇这就是从来没有想到的那，这就是创新事物的有趣用途的许多例子之一。现在我要去试图帮助你理解它：通过将它放在div边缘，使其“隐藏”（这样就不会出现在div中，这就是为什么你写的“overflow：hidden”），即它溢出div的边缘和箭头被包含在“隐藏”），然后将img INSIDE放在div中以便看到它。即时通讯不知道它是否会像下拉菜单一样工作。 –

试图隐藏在选择标签上的箭头

回答

相关问题