Question

我想将“增强的用户界面”应用于一个字段，以帮助用户搜索学校列表。我的CSS无法正确应用于此字段中的下拉菜单。

我正在使用Avada主题。我在“自定义其他CSS”主题中添加了CSS。除增强的字段外，所有类均适用于所有“重力形式”字段。

body .gform_wrapper .gform_body {
    font-size: 20px !important;
        letter-spacing: 1.5px !important;
        line-height: 25px !important;
        margin-bottom: 80px !important;
}

body .gform_wrapper .gform_body .gfield_label {
    font-size: 18px !important;
        font-weight: 400 !important;
        letter-spacing: 1.5px !important;
        line-height: 25px !important;
        margin-top: 10px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]
{
  border: 1px solid #ccc !important;  
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #676767 !important;
    letter-spacing: 1.5px !important;
    line-height: 25px !important;
    border-radius: 0px !important;

}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox
{
  border: 0px !important;  
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #676767 !important;
    letter-spacing: 1.5px !important;
    line-height: 25px !important;
    border-radius: 0px !important;

}

body .gform_wrapper .gform_body .gform_fields .gfield select
{
  border: 1px solid #ccc !important;  
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #676767 !important;
    padding: 10px !important;
    border-radius: 0px !important;

}

.wpf-autocomplete {
    border: 1px solid #ccc !important;  
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #676767 !important;
    padding: 10px !important;
    border-radius: 0px !important;
}

我尝试为此字段创建一个自定义CSS类，并将其添加到school字段的Appearance> Custom CSS中。那没用。

.wpf-autocomplete {
    border: 1px solid #ccc !important;  
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #676767 !important;
    padding: 10px !important;
    border-radius: 0px !important;
}

该下拉菜单的大小不正确。当我单击下拉列表时，搜索字段的大小正确，因此该字段正在拾取CSS。

enter image description here

有什么建议吗？

如何设置“重力表格”字段的样式，启用增强的用户界面？

0 个答案: