Styling JQuery UI Autocomplete

后端 未结 4 837
小鲜肉
小鲜肉 2020-12-13 08:15

Fiddle

I\'m trying to style the sections inside the AutoComplete, but I don\'t know what to put in the CSS for the sections. I\'m specifically trying to mak

4条回答
  •  隐瞒了意图╮
    2020-12-13 09:15

    Based on @md-nazrul-islam reply, This is what I did with SCSS:

    ul.ui-autocomplete {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        display: none;
        min-width: 160px;
        margin: 0 0 10px 25px;
        list-style: none;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border-color: rgba(0, 0, 0, 0.2);
        //@include border-radius(5px);
        @include box-shadow( rgba(0, 0, 0, 0.1) 0 5px 10px );
        @include background-clip(padding-box);
        *border-right-width: 2px;
        *border-bottom-width: 2px;
    
        li.ui-menu-item{
            padding:0 .5em;
            line-height:2em;
            font-size:.8em;
            &.ui-state-focus{
                background: #F7F7F7;
            }
        }
    
    }
    

提交回复
热议问题