el-select 和 el-option长度和样式修改

小何…

已于 2023-11-27 13:38:27 修改

阅读量2.4k

点赞数 11

文章标签： vue.js 前端 javascript

于 2023-11-27 13:30:00 首次发布

本文链接：https://blog.youkuaiyun.com/m0_61601708/article/details/134643113

版权

cscshtml：

            <el-select v-model="item.toolState">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>

css：


/* 以下是选择框的长度设置 */
.el-select {
  width: 150px;
}
.el-select ::v-deep .popper-class {
  width: 150px;
}
.iclass-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* // 设置选择框的样式 */
::v-deep .el-input--suffix .el-input__inner {
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  border: none;
}