C# 当asp.net mvc4验证失败时，在selectize dropdownlist周围添加红色边框

我正在asp.net mvc4中使用selectize framework作为下拉列表。我能够更改绑定到asp.net mvc4验证引擎的每个表单字段上的css

由于selectize不起作用，在dropdownlist周围创建边框的方法是什么。它绑定到验证，因为如果没有选择任何内容，我可以在摘要中提取错误，我只想在它周围使用红色边框

下面是我在 选择下拉列表的

这就是我想要使用的css

 .input-validation-error {
  border: 1px solid #f00;
  background-color: #fee;
  }

---

在Stephen回答的帮助下，我通过使用他提供的JFIDLE示例解决了这个问题。但是，我使用“.selectize input”只对下拉组件进行边框设置，而不是对周围的div进行边框设置。我必须确保调用了！重要的css错误类定义，否则其他东西阻止了我的添加

在Stephen回答的帮助下，我通过使用他提供的JFIDLE示例解决了这个问题。但是，我使用“.selectize input”只对下拉组件进行边框设置，而不是对周围的div进行边框设置。我必须确保调用了！重要的css错误类定义，否则其他东西阻止了我的添加

插件隐藏了原始的

元素，因此您需要为插件创建的元素设置样式（请参阅更新-尽管您应该处理

.change（）

事件，以便在用户选择有效值时删除样式谢谢！这很有效。我可以更进一步，使用.selectize-input突出显示下拉框。插件隐藏原始的

元素，因此您需要为插件创建的元素设置样式（请参阅更新-尽管您应该处理

.change（）

事件，以便在用户选择有效值时删除样式谢谢！这很有效。我可以更进一步，使用.selectize-input来突出显示下拉框。