我正在尝试从选择下拉选项中将选项设置为透明,但它不会。
当我将其变黑时,它会保持黑色。
.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;
}
答案 0 :(得分:2)
不幸的是,使用纯CSS使选项部分透明是不可能的。但是,您可以使用JS库来制作自定义下拉菜单并相应地设置样式。