Question

当我用鼠标悬停在搜索结果上时，我试图更改搜索结果的背景颜色。我用这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/black-tie/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

当我去http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/black-tie/jquery-ui.css时，我找到了

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #000000;
background: #1c1c1c url(images/ui-bg_glass_55_1c1c1c_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
}

处理悬停操作，当我转到我的css文件并输入

时

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #000000;
background: red;
font-weight: bold;
color: #ffffff; 
}

没有任何改变，任何想法为什么？

Answer 1

如何将你的css文件添加到html这有意义，但也许这可以解决问题。

background: red !important;

从jquery-ui.css更改css

1 个答案: