html - IE select box transparent background -


i'm having hard time getting ie select box background transparent can use background image want use it.

.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;     }   } } 

i've tried everything. using filters, -ms-filters, backgrounds, colors , background colors set transparent , using rgba transparent. nothing working. jquery not option use select consistency need use css.

any thoughts? here's i'm talking about: (you can see background image behind it)

example


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -