jQuery autoComplete 样式

前提:使用了jQuery-ui

官网:http://jqueryui.com/autocomplete/

/*** autocomplete ***/

.ui-widget-content {

    background: #FFFFFF !important;

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    padding-top: 5px;

    padding-bottom: 5px;

    width: auto !important;

}



.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 #FFF !important;

    background: #FFF !important;

    font-weight: normal !important;

    color: #FFF;*/

    border: 0px solid #FFF !important;

    background: #F34541 !important;

    color: white;

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: normal;

    line-height: 1.42857;

    white-space: nowrap;

}



.ui-menu-item {

    padding: 3px 20px !important;

}

 

你可能感兴趣的:(autocomplete)