我很难让IE选择框背景变得透明,所以我可以使用我想要使用的背景图片。
.select-style {
height: 30px;
border: 1px solid $lightblue;
border-radius: 3px;
color: $white;
font-size: 15px;
text-transform: uppercase;
background: url(../img/select-arrow.png) no-repeat right;
overflow: hidden;
select {
padding: 5px 3%;
width: 130%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
option {
width: 100%;
color: $black;
background-color: $white;
}
}
}
我已经尝试了一切。使用滤镜,-ms-filters,背景,颜色和背景颜色设置为透明,并使用rgba使其透明。什么都行不通。 jQuery不是用于选择一致性的选项,因此我需要使用CSS。
有什么想法? 这就是我所说的:(你可以看到背后的背景图片)