联系表格 7 - Select 选项透明

Question

我正在尝试使 Select 下拉菜单的选项透明，但事实并非如此。

当我把它变成黑色时，它会保持黑色。

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

如果我输入 background: transparent !important，它就不起作用。如果我尝试将背景更改为背景颜色，它不起作用。

所以只能改颜色，不能设置透明。为什么会这样？

我已经尝试通过使用 RGA 和 RGBA 更改不透明度和设置背景来实现透明，但它没有按预期工作

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

Answer 1

不幸的是，使用纯 CSS 使选项部分透明是不可能的。但是，您可以使用 JS 库制作自定义下拉菜单并相应地设置样式。

联系表格 7 - Select 选项透明

Contact Form 7 - Select Options transparent

html

css

wordpress

contact-form-7