Styling JQuery UI Autocomplete

Joe Pigott picture Joe Pigott · Jul 24, 2013 · Viewed 150.1k times · Source

Fiddle

I'm trying to style the sections inside the AutoComplete, but I don't know what to put in the CSS for the sections. I'm specifically trying to make:

color: #96f226;
border-radius: 0px;
border: 1px solid #454545;

Any suggestions???

Answer

daniel__ picture daniel__ · Jul 24, 2013

Are you looking for this selector?:

.ui-menu .ui-menu-item a{
    background:red;
    height:10px;
    font-size:8px;
}

Ugly demo:

http://jsfiddle.net/zeSTc/

Just replace with your code:

.ui-menu .ui-menu-item a{
    color: #96f226;
    border-radius: 0px;
    border: 1px solid #454545;
}

demo: http://jsfiddle.net/w5Dt2/