jq动态创建标签元素

Question

  #bbox{

        position: absolute;

        top: 166px;

        left: 219px;

        background: #fff;

        width: 548px;

        border: 1px solid #999;

    }

    #bbox #seach-ul{

        list-style: none;

    }

    #bbox #seach-ul li{

        height: 50px;

        line-height: 30px;

        padding-left: 10px;

    }

    #bbox #seach-ul li:hover{

        background: #e5e5e5;

        text-decoration: underline;

    }

    //body

    <div id="bbox" style="display: none;">

        <ul id="seach-ul">

        </ul>

    </div>

    //script

    $('#txt').on('keyup', function (e) {

        var text = $('#txt').val();

        var html = '';

        html += '<li>' + text + '</li>'

        $('#seach-ul').html(html);

        $('#bbox').show();

    });

    

为什么动态添加完li之后，先前的设置的样式不见了

Answer 1

样式是生效了呀。测试地址。emmmm还有一种情况，就是你用打包的形式。打进去的css。有可能带有其他标识。比如vue的css模块。

Answer 2

代码片段能跑,没问题.是不是有其他的样式把样式覆盖了?