css自动延伸颜色,根据状态（使用CSS）更改jQuery自动完成项目的背景颜色

这样一个老话题，但上述方案都没有为我工作。如果我会去直线前进，我会一直更快找到解决办法：

覆盖您的自定义样式表jQuery的ui.css的以下样式

.ui-autocomplete {

border-radius: 0.25rem;

background-color: #eceff1;

padding: 0 0.6rem;

font-family: 'ptmono';

.ui-menu-item {

border: 1px solid #eceff1;

border-radius: 0.25rem;

.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active,

a.ui-button:active,

.ui-button:active,

.ui-button.ui-state-active:hover {

background-color: #eceff1;

border-color: #eceff1;

color: #0d47a1;

}

}

}

取而代之的背景：没有！重要的是，您可以在.ui-menu-item和active类中设置背景。此外，不用写边框：无！重要的是，您可以在两个类中都覆盖边框颜色与背景颜色，防止高度发生变化以及摆动效果。