内部错误状态下的语义UI输入元素

Question

看看example for an input in error state。正如你所看到的，只要它有ui input error作为类，CSS将使输入显示错误样式。 然而，当放置在ui form内时，我会假设一个非常常见的用例，那些非常相同的类将被来自ui form：.ui.form input[type=...]的更具体的选择器取代。导致error类完全没有效果。

我确实尝试将error作为状态添加到父母form div - 没有效果。父母segment - 无效。

演示显示了不带形式的工作版本：https://jsfiddle.net/hahz35ka/

演示展示与形式的非工作版本：https://jsfiddle.net/hahz35ka/1/

为什么？表单中有错误的输入的假设用法是什么？

Answer 1

的正确方法的形式做了一个错误状态是包装输入的<div>与.field .error类，如下列：

[demo]

<div class="ui form"> 
    <div class="ui input"> 
     <div class="field error"> 
      <input placeholder="Search..." type="text"> 
     </div> 
    </div> 

退房Form Validation更多细节