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;

相关推荐
skyWang4162 分钟前
Vite模块联邦(vite-plugin-federation)实现去中心化微前端后台管理系统架构
前端
喝拿铁写前端4 分钟前
你以为你是中级前端,其实你还停留在执行阶段-完整前端成长之路
前端
前端卧龙人10 分钟前
uniapp开发技巧:开启代理与gzip优化实践
前端
hepherd10 分钟前
Vue学习笔记 - 插件
前端·vue.js
027西瓜皮11 分钟前
使用 Leaflet.js 生成北京地铁地图(Trae实现)
前端·trae
就是我11 分钟前
3种必须知道的JavaScript异步编程模型
前端·javascript·面试
青花雅月13 分钟前
写好代码之MVVC架构模式
前端·javascript·代码规范
Huanzhi_Lin16 分钟前
webpack配置导致浏览器自动刷新
前端·javascript·webpack
原生高钙17 分钟前
万字webpack精华总结:那些面试官提问的实现原理你答上来了吗
前端·webpack
#岩王爷29 分钟前
Ajax------免刷新地前后端交互
前端·javascript·ajax·php