语义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>的{​​{1}}类中，如下所示：

[demo]

.field .error

查看Form Validation了解详情