Changing css from jquery-ui.css



当我用鼠标悬停在搜索结果上时,我正在尝试更改搜索结果的背景颜色。我使用这个:

<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; 
}

什么都没有改变,知道为什么吗?

如何将

css文件添加到html这是有意义的,但也许只有这样就可以解决问题。

background: red !important;

最新更新