更改element组件库下拉框大小

328 阅读1分钟
.el-select {
    width: 100%;
    height: 20px;
    margin-right: 16px;
    ::v-deep .el-input {
            height: 100%;
            line-height: 20px;

            .el-input__inner {
                width: 100%;
                height: 100%;
                padding: 4px 16px;
                border-radius: 4px;
                border: 1px solid #DBDFE8;
                background: #FFF;
                position: absolute;
            }

            .el-input__prefix {
                // 这里直接时复制原来的input的样式,给.el-input__prefix加上
                position: relative;
                box-sizing: border-box;
                border: 1px solid #ffffff00;
                padding: 0 20px;
                color: #606266;
                left: 0;
                visibility: hidden;
            }

            .el-input__suffix {
                line-height: 20px;
            }

            .el-input__icon {
                height: 20px;
                line-height: 20px;
                position: relative;
            }
        }

        ::v-deep .el-select-dropdown {
            max-width: none;
        }
    }