当 asp.net mvc4 验证失败时，在选择下拉列表周围添加红色边框

Question

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

如何在 selectize 的下拉列表周围制作边框，因为它不起作用。它绑定到验证，因为如果没有选择任何内容，我可以在摘要中发现错误，我只想在它周围使用红色边框。

这是我在 http://jsfiddle.net/249Wz/4/ 选择下拉列表。

这是我要使用的css

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

Answer 1

在 Stephen 的回复的帮助下，我能够使用他提供的 JFiddle 示例解决它。但是，我使用了“.selectize-input”来为下拉组件设置边框，而不是周围的 div。我确实必须确保我在 css 错误 class 定义上调用了 !important 否则其他东西会阻止我添加。