0

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

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

但是，我想按班级这样做。但是，我似乎无法弄清楚要调用的正确课程。我查看了源代码，它显示：

<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 之间的空间。我找到了一些其他答案，表明这些是两个单独的标签，但我似乎仍然无法让文本输入响应我的输入。我应该注意我正在使用“简单自定义 CSS”插件来更改 CSS。任何提前帮助将不胜感激。谢谢。

4

2 回答 2

1

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

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

于 2015-09-01T18:09:49.250 回答
0

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

.ninja-forms-field {
  width:100%!important;
  height:50px!important;
}
于 2016-05-28T00:43:03.627 回答