CODEWITHSUNDEEP
htmlwordpresscsscontact-form-7
Diego
Diego

Reputation: 165

Contact Form 7 - Select Options transparent

I'm trying to make Options from Select Drop down transparent but it just don't.

When I make it black, it stays black.

.wpcf7-select option {
    background: black !important;
}

If I type background: transparent !important it just doesn't work. If I try to change background to background-color, it doesn't work.

So I can only change colors, but can't set it up to transparent. Why does it happen?

I've already tried to make transparent by changing opacity and setting background by using RGA and RGBA but it doesn't work as expected

.wpcf7-select option {
    /* default fallback */
    background: rgb(255, 255, 255) !important;
    /* nice 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;
}

Upvotes: 0

Views: 2664

Answers (1)

Deckerz
Deckerz

Reputation: 2604

Unfortunately with pure CSS make the options part transparent isn't possible. You could however use a JS library to make a custom drop down and style that accordingly.

Upvotes: 2

Related Questions