Question

This is driving me nuts!!! I’m using the JQuery Autocomplete UI 8.1 and everything works fine except for my styling on the autocomplete dropdown list hovering. I’ve narrowed it down to the following line in jquery-ui-1.8.11.custom.css. It seems that I can not add font-weight:bold to the line and get results. Can someone verify this? The CSS line is as follows:

.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
{
    background: #394b6f url(images/ui-bg_highlight-soft_0_394b6f_1x100.png) 50% 50% repeat-x;
    color: #d9d9d9;
    font-size:1.1em;
}

Answer 1

Have you tried font-weight: bold !important;? There can be a rule with more specificity that’s preventing your style from taking effect.