* Wrap menu items in a div. * Replace ui-state-focus with ui-state-active. * Make active items have a grey background. ref: http://jqueryui.com/upgrade-guide/1.12/#require-wrappers-for-each-menu-item ref: http://jqueryui.com/upgrade-guide/1.12/#use-consistent-styling-for-focused-and-active-items
20 lines
304 B
SCSS
20 lines
304 B
SCSS
.ui-autocomplete {
|
|
font-size: 0.9em;
|
|
|
|
.ui-state-active {
|
|
border: none;
|
|
margin: 0 -1px;
|
|
background-color: #F0F0F0;
|
|
border-left: 1px solid #C5C5C5;
|
|
border-right: 1px solid #C5C5C5;
|
|
}
|
|
|
|
.ui-menu-item a {
|
|
padding: 1px .2em;
|
|
}
|
|
|
|
.autocomplete-arrow {
|
|
color: black;
|
|
}
|
|
}
|