联系表格 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 应用的，但它不包括主题默认应用的选择元素的自定义样式。

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

#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);
}

输出：