我正在尝试在一些单选按钮周围得到一个大胆的红色边框,但最新的Chrome或Chrome最新版本并没有显示.在IE9 / IE8中工作正常.
我所需要的表单上的每个输入元素都有一个由MVC3输入的数据需求属性.当我们有一个文本或文本输入时,所有的浏览器都放在红色的边框中,但是它正在努力使用单选按钮.对于IE,它可以工作,但其他浏览器不会在其周围放置红色边框.
CSS：
input[data-val-required],select[data-val-required],textarea[data-val-required] { background-color: #F0FFFF; border: 1px solid red; }
视图源：
<label for="WaiveSelect">Do you waive confidentiality?</label><br /> <input data-val="true" data-val-number="The field WaiveSelect must be a number." data-val-required="Please select waive." id="WaiveSelect" name="WaiveSelect" type="radio" value="0" /> No,I do not waive confidentiality<br /> <input id="WaiveSelect_2" name="WaiveSelect" type="radio" value="2" /> Yes,I waive confidentiality<br /> <input id="WaiveSelect_3" name="WaiveSelect" type="radio" value="3" /> Yes,I waive confidentiality except to the client<br /> <span class="field-validation-valid" data-valmsg-for="WaiveSelect" data-valmsg-replace="true"></span>
在IE中看起来像什么(Firefox和Chrome显示没有边框)：
