码迷,mamicode.com
首页 > Web开发 > 详细

jQuery autoComplete 样式

时间:2014-08-05 18:21:59      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   ar   div   line   

前提:使用了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

jQuery autoComplete 样式

标签:style   blog   http   color   使用   ar   div   line   

原文地址:http://www.cnblogs.com/turtlegood/p/3892353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!