如何修改element-ui中输入框点击之后的边框高亮

最新推荐文章于 2024-06-25 16:10:40 发布

原创最新推荐文章于 2024-06-25 16:10:40 发布 · 5.3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#elementui

本文介绍了如何根据UI设计修改Element-UI库中输入框点击后的边框高亮颜色。通过F12开发者工具定位到相应的CSS样式，并移除`scoped`属性以全局生效。同时建议为输入框添加特定类名，以防影响其他页面样式。这是一个前端开发中常见的样式调整问题。

做项目根据ui图设计需要修改输入框的点击之后边框的高亮颜色原本的颜色是蓝色的
后来不停的点在F12中终于找到
.nm-skin-pretty .el-input.is-active .el-input__inner,
.nm-skin-pretty .el-input__inner:focus {
border-color: red;
}
在这里插入图片描述
因为修改element-ui中的原有属性需要去除scoped，所以最好给input一个类名否则会在其它页面生效