vue中的css样式覆盖问题vue中的css样式作用域vue.js样式不起作用

问题背景：项目前端使用vue.js和element-ui，因为要验证输入框，输入当输入值不合法时方框的颜色变成红色，想按照el-input编译出来的class修改，但是在html页面直接调用class是无效的。在网上查了资料，发现html中的中的scoped是可以去掉的，实现效果后没有仔细研究scoped的功能，入坑了。。。本地测试没问题后直接上线，上线后发现其他页面的表格样式全部被覆盖，显示不正常。..SolutionF12发现这些有问题的页面都加载了其他同名页面的样式（去掉scopedhtml页面）。查了资料，发现问题所在：在vue.js中，的作用域是在这个html页面中，而