前言
样式标签属性为
<style lang="scss" scoped></style>
select选框样式(Element-Plus,版本二)
::v-deep .select-item {
// 设置选择框文字颜色
.el-input__inner {
color: #ffffff !important;
}
// 设置选择框的背景样式
.el-input__wrapper {
background: transparent;
border: none !important;
box-shadow: none !important;
}
// 设置选择框的鼠标经过样式
.el-input__wrapper:hover {
border: none !important;
box-shadow: none !important;
}
// 设置选择框聚焦时的边框样式
.el-input.is-focus .el-input__wrapper {
border: none !important;
box-shadow: none !important;
}
// 设置选择框赋值后的边框样式
.el-input__wrapper.is-focus {
border: none !important;
box-shadow: none !important;
}
}
select选框样式(Element-Plus,版本一)
// 设置选择框的背景样式
::v-deep .el-input__wrapper {
background: transparent;
box-shadow: 0 0 0 0 transparent;
font-size: 20px;
}
// 设置选择框的鼠标经过样式
::v-deep .el-input__wrapper:hover {
box-shadow: 0 0 0 0 transparent !important;
}
// 设置选择框的宽
::v-deep .el-input__inner {
width: 136px;
}
// 设置选择框聚焦时的边框样式
::v-deep .el-select .el-input.is-focus .el-input__wrapper {
box-shadow: 0 0 0 0 transparent !important;
}
// 设置选择框赋值后的边框样式
::v-deep .el-select .el-input__wrapper.is-focus {
box-shadow: 0 0 0 0 transparent !important;
}
option选项面板样式(Element-Plus)
.el-select-dropdown__item {
width: 286px;
}