0

次のように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>

ddl の矢印は、requirefield のエラー msg を表示する前に正常に動作しています。表示されると、その一部が ddl の矢印に影を落とします。そのため、矢印はエラーメッセージからクリックできません

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 矢印が機能するはずです

4

1 に答える 1

0

エラー メッセージの位置を左に設定することもできます。この場合、ドロップダウンの矢印に重なることはありません。

.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
position:relative;
left:20px;
}
于 2013-09-20T07:14:57.637 に答える