Element-plus 【el-input输入框】和【el-select下拉选择框】样式修改

el-input & el-select

参考链接:

【1】【浏览器】f12控制台,如何选中click、hover才出现的元素(断点调试)_f12跟踪click-CSDN博客

【2】

Element-plus的el-input改边框focus后颜色_element input框 出发焦点改变边框颜色-CSDN博客

【3】

【Element-plus】修改el-input、el-select的样式(代码+教程)_elementplus中select和tree中的ishovering的样式-CSDN博客

首先根据参考链接1的方法,通过打断点,可以找到el-select选中元素的样式是由:

css 复制代码
el-select-dropdown__item.is-selected

控制的,

因此在代码中这样修改:[这样修改所有的下拉框的选中选项颜色都会变成红色]

css 复制代码
<style lang="scss" scoped>
.el-select-dropdown__item.is-selected{
    color:red !important;
    font-weight:bold;
}
</style>

el-input样式的修改可以参考链接2;

相关推荐
新时代的弩力2 分钟前
【Cesium】--viewer,entity,dataSource
前端·javascript·vue.js
无恃而安2 分钟前
localStorage缓存 接口 配置
javascript·vue.js·缓存
余道各努力,千里自同风4 分钟前
HTML5 视频 Vedio 标签详解
前端·音视频·html5
_大菜鸟_22 分钟前
修改element-ui-时间框date 将文字月份改为数字
javascript·vue.js·ui
尽兴-32 分钟前
Vue 中父子组件间的参数传递与方法调用
前端·javascript·vue.js·父子组件·参数传递·组件调用
JerryXZR33 分钟前
Vue开发中常见优化手段总结
前端·javascript·vue.js·vue性能优化
堕落年代34 分钟前
Vue3的双向数据绑定
前端·javascript·vue.js
一撮不知名的呆毛1 小时前
Ajax局部刷新,异步请求
前端·javascript·ajax
好奇的菜鸟2 小时前
Vue.js 中 v-bind 和 v-model 的用法与异同
前端·javascript·vue.js
-代号95272 小时前
【React】一、JSX的使用
前端·react.js·前端框架