联系表格 7 - 选择选项透明

Posted

技术标签:

【中文标题】联系表格 7 - 选择选项透明【英文标题】:Contact Form 7 - Select Options transparent 【发布时间】:2018-06-09 22:23:33 【问题描述】:

我正在尝试使“选择下拉菜单中的选项”透明,但事实并非如此。

当我让它变黑时,它会保持黑色。

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

【问题讨论】:

您只是将选项元素的背景设置为透明 - 可能选择元素本身也设置了背景 - 如果只是通过用户代理样式表。 【参考方案1】:

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

【讨论】:

但是在使用 Wordpress 和 Contact Form 7 插件时是否可以做到这一点? 是的,因为大多数自定义选择菜单只是模拟实际的选择框。所以更新自定义选择,“更新”不可见的实际选择。

以上是关于联系表格 7 - 选择选项透明的主要内容,如果未能解决你的问题,请参考以下文章

联系表格 7 自动选项卡到下一个字段

怎么将ubuntu终端工具的背景颜色设置为透明

如何添加到联系表格 7 选项,如“全选复选框”和“显示更多/显示更少按钮”

c#winform怎么把控件背景设为半透明,像这样

PS如何使相框中间变透明

联系表格 7 添加特殊 ID