Question

我正在显示一些ID列表，如下所示

<li>
<label> Nest</label>
<select id="NestId" class="Select input-validation-error" name="NestId" data-val-required="Please select nest name." data-val-number="The field Nest ipId must be a number." data-val="true">
<span data-valmsg-for="NestId"></span>
<div class="formError NestshipId" style="top: -69px; left: 202px; opacity: 0.8;">
</li>

在显示requirefield erorr msg之前，ddl的箭头工作正常。一旦显示，它的某些部分就是ddl箭头上的shadowig。所以箭头不能通过erorr消息点击

当我通过firebug检查代码时，我可以看到像这样的元素

<li>
<label> Relation</label>
<select id="NestId" class="Select input-validation-error"     name="NestId" data-val-required="Please select relation." data-val-  number="The field NestId must be a number." data-val="true">
<span data-valmsg-for="NestId"></span>
<div class="formError NestId" style="top: -69px; left: 202px; opacity: 0.8;">

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

<div class="formError NestId" style="top: -69px; left: 202px; opacity: 0.8;">
<div class="formErrorContent">Please select relation.</div>
</div>

我认为箭头不可点击，因为它上面有字段消息。任何人都可以帮我找到解决方案。该消息应该是可见的，并且ddl箭头应该可以工作

Answer 1

您也可以尝试将错误消息的位置设置在左侧，在这种情况下，它不会在下拉箭头上重叠。

.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
position:relative;
left:20px;
}

显示必填字段错误消息后，下拉列表箭头不起作用

1 个答案: