I'm having trouble making the Options in a Select Drop Down transparent, but it just doesn't seem to work.
Even when I try to make it black, it stays black.
.wpcf7-select option {
background: black !important;
}
No matter how many times I type
background: transparent !importantIt seems that I am only able to change colors, but setting it to transparent appears to be impossible. Why is this happening?
I've attempted to achieve transparency by adjusting opacity and even tried using RGB and RGBA for the background, but unfortunately, it does not behave as expected.
.wpcf7-select option {
/* default fallback */
background: rgb(255, 255, 255) !important;
/* modern browsers */
background: rgba(255, 255, 255, 0.8) !important;
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF) !important;
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)" !important;
}