jQuery autoComplete 样式

时间：2014-08-05 18:21:59 收藏：0 阅读：258

前提：使用了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;
}

jQuery autoComplete 样式,布布扣,bubuko.com