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

【问题标题】：Add red border around selectize dropdownlist when asp.net mvc4 validation fails当 asp.net mvc4 验证失败时，在 selectize 下拉列表周围添加红色边框
【发布时间】：2017-03-17 16:51:54
【问题描述】：

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

在下拉列表周围制作边框以进行选择的方法是什么，因为它不起作用。它与验证绑定，因为如果没有选择任何内容，我可以在摘要中找到错误，我也只想在它周围使用红色边框。

这是我在 http://jsfiddle.net/249Wz/4/ 的选择下拉菜单。

这是我要使用的css

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

【问题讨论】：

插件隐藏了原始的 <select> 元素，因此您需要设置插件创建的元素的样式（请参阅更新的 fiddle - 尽管您应该处理 .change() 事件以便样式是当用户选择一个有效值时移除
谢谢！那行得通。我可以更进一步，使用.selectize-input 来突出显示下拉框。

标签： c# css asp.net-mvc-4 selectize.js

【解决方案1】：

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

【讨论】：