我试图在页面加载时突出显示选择标记的下拉列表。我在select标签中有多个类我尝试将焦点应用于所有这些类但它不起作用。任何人都可以看一下吗?
div.cs-select select:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
<div id="originalAmount_@differAmountId" class="divoriginalAmount">
<select class="cs-select cs-skin-border billAccountAmount " data-label="@StringResource.Lbl_Pay " id="@Html.IdFor(m => Model.AmountOptionList)">
这是你与javascript
有关的事情。
document.getElementById("AmountOptionList").focus();
div.cs-select select:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
<div id="originalAmount_@differAmountId" class="divoriginalAmount">
<select class="cs-select cs-skin-border billAccountAmount " data-label="@StringResource.Lbl_Pay " id="AmountOptionList">
<option>Options</option>
</select>
</div>