elementui input样式覆盖 头部小图等

.nav-right >>> .keywords .el-input__inner {
    -webkit-appearance: none;
    background-color: #F3F3F3;
    background-image: url('../../static/img/searchicon.png');
    background-repeat: no-repeat; /*设置图片不重复*/
    background-position: 8px 0px; /*图片显示的位置*/
    border-radius: 4px;
    border: 1px solid #448FE3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #448FE3;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    outline: 0;
    padding: 0 8px 0 40px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 152px;
}

　　

转载于:https://www.cnblogs.com/thinkingthigh/p/8920473.html