IE选择框透明背景

时间:2014-06-27 15:19:14

标签: html css internet-explorer sass

我很难让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。

有什么想法? 这就是我所说的:(你可以看到背后的背景图片)

example

0 个答案:

没有答案