修改样式,底色等 ,记录一下
<el-select v-model="value"
placeholder="请选择"
@change="addressChange"
:popper-append-to-body="false"
class="dropdowns">
<el-option v-for="item in addressOptions"
:key="item.base_code"
:label="item.company"
:value="item.base_code">
</el-option>
</el-select>
<style lang='scss' scoped>
.map_father {
position: relative;
height: 100%;
}
/deep/.el-select .el-input.is-focus .el-input__inner {
background-color: rgba(29, 107, 255, 0.7) !important;
}
/deep/.el-input--suffix .el-input__inner {
background-color: rgba(29, 107, 255, 0.7) !important;
border: none;
color: #fff;
font-size: 12px !important;
height: 28px !important;
}
/deep/.el-input__icon {
line-height: 28px !important;
}
/deep/.el-select .el-select-dropdown__list {
background-color: rgba(29, 107, 255, 0.25) !important;
}
/deep/.el-popper {
background-color: rgba(29, 107, 255, 0.25) !important;
border: none;
margin: 0px !important;
font-size: 12px !important;
z-index: 999 !important;
}
/deep/.el-select-dropdown {
background-color: rgba(29, 107, 255, 0.25) !important;
border: none;
margin: 0px !important;
font-size: 12px !important;
z-index: 999 !important;
left: 0px !important;
}
/deep/.el-select-dropdown__item {
color: #ffffffe5 !important;
font-size: 12px !important;
}
/deep/.el-select-dropdown__list {
background-color: rgba(29, 107, 255, 0.25) !important;
}
/deep/.el-select-dropdown__item.hover,
/deep/.el-select-dropdown__item:hover {
background-color: rgba(29, 107, 255, 0.7) !important;
}
/deep/.popper__arrow {
display: none !important;
}
}