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

时间:2016-11-03 23:12:42

标签: c# css3 asp.net-mvc-4 selectize.js

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

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

这是我在上面找到的一个jsFiddle示例     http://jsfiddle.net/249Wz/4/选择性下降。

这是我想要使用的CSS

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

1 个答案:

答案 0 :(得分:0)

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