Question

我使用下面的代码下拉，我想要做的就是将鼠标悬停在特定的称呼上时将背景颜色更改为红色。有人可以帮助我吗？

<div id="prefix" class="inputRow">
    <span class="inputLabel">Prefix/Salutation</span> <select
        class="inputPrefix" id="prefixList" title="Prefix or Saluation"
        tabindex=3>
        <option selected>Select</option>
        <option value="Mr.">Mr.</option>
        <option value="Mrs.">Ms.</option>
        <option value="Dr.">Dr.</option>
        <option value="Mrs.">Mrs.</option>
        <option value="Miss">Miss</option>
    </select>
</div>

.inputPrefix {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    width: 75px;
    border: 1px solid #E6E6E6;
}

Answer 1

使用这种方法，我认为不可行。无论何时应用样式，它都适用于完全控制。所以选择是控件。对于这种方法，您可以使用css创建下拉列表。因为在这种情况下，html中的下拉结构看起来像这样

<div>
<span/>
<span/>
<span/>
</div>

就像这里保存在不同的 span 中的值，或者我们可以在不同的控件中说出来。对于此方法，您可以了解 telerik控件。在google上检查它我认为telerik可以帮助你。我们主要在.net，mvc中使用它。它的研究肯定会为您提供更好的方法来满足您的要求。它可以帮助您使用div和span来理解下拉列表的形成。

如何更改下拉列表的悬停背景？

1 个答案: