我环顾四周,看到了很多有关样式自动完成的问题/答案。我的问题/问题涉及悬停在其中一个菜单项上时突出显示的样式,我尝试了其他帖子中类似建议的多种组合,但无济于事。
.ui-autocomplete.source:hover {
background: #454545;
}
.ui-autocomplete .ui-menu .ui-menu-item:hover{
background: #0039a6;
}
.ui-menu .ui-menu-item a{
color: #96f226;
border-radius: 0px;
border: 1px solid #454545;
}
.ui-autocomplete li.ui-menu-item:hover {
background: #0039a6;
}
.ui-state-hover, .ui-autocomplete li:hover{
color:White;
background:#96B202;
outline:none;
}
我需要修改正在修改的类吗?是否修改了错误的状态?是否需要修改语法?
我正在使用的jquery-autocomplete版本,我只需要设置此样式即可。
.ui-autocomplete .ui-menu-item a.ui-state-focus {
background: #C4FFC4 !important;
border: 1px solid #32BE61 !important;
}
因为当您将鼠标悬停在项目上时,jQuery会在链接中添加样式“ ui-state-focus”。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句