I have a web page that have background-image in it. After that, there's a combo box for filtering some content. I want to create this select - option background being transparent. I've read many result at google to use select option at CSS, but it didn't work. I've create a fiddle in here : http://jsfiddle.net/25CQE/5 For example
and as You can see, the option background is not transparent. So, any idea how to solve that? Or it cannot be done by CSS?
Sorry for my bad English
If you want to make it fully transparent, than use
select {
border: 1px solid #fff;
background-color: transparent;
}
Demo
If you are looking to have semi-transparent background color, than you can use rgba()
where a
stands for alpha
select {
border: 1px solid #fff;
background-color: rgba(255,255,255,.5);
padding: 5px;
}
Demo 2
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With