首页 > Web开发 > 详细

jQuery autoComplete 样式

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!