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)
Comments
Post a Comment