"Select" 字段的联系表 7 样式与其他字段不同

Question

我的网站上有一个基本联系表 7，可以正常使用。不过，我只是尝试向表单添加一个 Select 字段，该字段的样式与其他字段不同。它是白色和不透明的，而不是黑色和透明的。我想编辑 Select 字段的样式，使其更像表单的其余部分，因此我试图找到表单其余部分的默认样式，以便我可以复制它。

默认样式是由我的主题决定的吗？如果有，我怎样才能找到它？

Select 字段是否由于其他与样式无关的原因而看起来不同？我添加它的方式与我添加所有其他字段的方式完全相同，在主题、自定义 CSS 或其他设置区域中没有任何额外的样式。

这是 CF7 中的表单代码：

[text* title placeholder "First Name*"] 
[text* last-name placeholder "Last Name*"] 
[email* email-text placeholder "Your Email*"]
[tel* phone-number-code placeholder "Phone Number"]
[textarea commentquestion 4x10 placeholder "How Can We Help You?"]
[select how-did-you-hear "How did you hear about us?" "YouTube" "Google" "Facebook" "Referred by someone" "Other"]

[submit "Send"]

谢谢！

Answer 1

当前的深色样式是从 slider-form 应用的，但它不包括 select 元素的自定义样式，该元素默认由主题应用。

您可以使用以下方法定位特定表单的 select 元素

#wpcf7-f8-p6635-o1 select.wpcf7-form-control.wpcf7-select {
    background: rgba(255,255,255,0.11);
    color: rgba(255,255,255,0.5);
}

此外，如果您想设置选项元素的样式

#wpcf7-f8-p6635-o1 select.wpcf7-form-control.wpcf7-select option {
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.75);
}

输出：

"Select" 字段的联系表 7 样式与其他字段不同

Contact Form 7 Style different for "Select" field than other fields

html

css

wordpress

contact-form-7