wordpress 自定义 css class

Question

我正在尝试修改我的 wordpress 网站上忍者表单文本输入的宽度。我可以通过 id 单独调用每个：

#ninja_forms_field_6 {width:25%; min-width:250px;}

不过，我想在 class 之前完成。但是，我似乎无法找出正确的 class 来调用。我查看了源代码并显示：

<input id="ninja_forms_field_6" data-mask="" data-input-limit="" data-input-limit-type="char" data-input-limit-msg="character(s) left" name="ninja_forms_field_6" type="text" placeholder="First Last" class="ninja-forms-field  ninja-forms-req " value="" rel="6"   />
    <div id="ninja_forms_field_6_error" style="display:none;" class="ninja-forms-field-error">
    </div>

当我尝试使用时：

.ninja-field ninja-forms-req {width:25%; min-width:250px;}

似乎什么都没发生。特别是，我的 css 编辑器似乎不喜欢 ninja-field 和 ninja-forms-req 之间的 space。我发现了一些其他答案，表明这些是两个单独的标签，但我似乎仍然无法让文本输入响应我的输入。我应该注意，我正在使用 "Simple Custom CSS" 插件对 CSS 进行更改。任何提前的帮助将不胜感激。谢谢。

Answer 1

尝试.ninja-field.ninja-forms-req。

在同一元素上定位多个 CSS 类时，您需要用句点分隔它们。

Answer 2

我发现这对于忍者表单及其在某些主题中的按钮宽度问题非常有效。这也解决了我使用自定义 css 插件的问题。只需根据您的主题按钮高度使用高度即可。

.ninja-forms-field {
  width:100%!important;
  height:50px!important;
}

wordpress 自定义 css class

wordpress custom css class

css

wordpress

ninja-forms