Question

我想在页面上选择一个不错的样式。所以我创建了一个css：

.selectWebDropDown
{
   background-color:Transparent;
   background: url(../Images/ddl_Normal.png) no-repeat right #FFFFFF !important;   
   border: 0px solid #FFFFFF;
   padding:4px; 
   line-height: 21px;

}

.selectWebDropDown:hover
{
  background-color:Transparent; 
  overflow: hidden;
  background: #FFFFFF url(../Images/ddl_Hover.png) no-repeat 0 0 !important; 
  padding:4px; 
  line-height: 21px;
}

.selectWebDropDown:active
{
  overflow: hidden;
  background-color:Transparent; 
  background: url(../Images/ddl_Pressed.png) no-repeat 0 0 !important; 
  padding:4px; 
  line-height: 21px;
}

风格还可以，问题是选择的箭头不会消失...有没有办法在不使用javascript的情况下执行此操作...只有css

Answer 1

众所周知，

<select>元素很难设计，特别是如果你想要跨浏览器的一致性。不幸的是，我会使用JavaScript路由并使用列表进行下拉替换。

尝试jQuery插件，例如this或this。

CSS选择元素，如何消失箭头？

1 个答案: