我可以在悬停

时间:2017-03-31 16:35:37

标签: css asp.net

是否可以在悬停时更改asp:DropDownList的外观?例如 - 如果您访问Nordstrom的网站并选择一个类别(男性>靴子),您将看到一个缩小引导偏好的选项列表。将鼠标悬停在某个选项上时,顶部边框会从细到粗。我真的喜欢这个的微妙之处。我已经成功地设计了我的DDL样式,但我无法弄清楚悬停。

当前风格:

.DDL {
    margin-right: 1%;
    width: 18%;
    min-width:150px;
    padding-bottom:2em;
    padding-top:1em;
}
select.DDL {
    border-style: solid none none none;
    border-top-color: #C0C0C0;
    border-top-width: thin;
}

我试过了

select.DDL option:checked,
select.DDL option:hover {
    border-top-width:thick;
}

select.DDL:focus > option:checked { 
    border-top-width:thick;
}

但都没有奏效。

提前谢谢。

0 个答案:

没有答案