vue css 修改第三方样式使用样式穿透 >>> /deep/

vue css 修改第三方样式使用样式穿透 >>> /deep/不废话自测有两种方法：注意：lange=‘scss’ 使用第二种方法有些Sass 之类的预处理器无法正确解析 >>>可以使用 /deep/ 操作符( >>> 的别名)直接f12 查找对应的类名在style里面给类名加颜色使用css样式穿透 >...

前端酱紫

2765人浏览 · 2020-05-01 12:38:04

前端酱紫 · 2020-05-01 12:38:04 发布

vue css 修改第三方样式使用样式穿透 >>> /deep/

不废话自测有两种方法：

注意：lange=‘scss’ 使用第二种方法有些Sass 之类的预处理器无法正确解析 >>> 可以使用 /deep/ 操作符( >>> 的别名)

直接f12 查找对应的类名在style里
面给类名加颜色使用css样式穿透 >>> 或者 /deep/

第一种：直接f12 查找对应的类名在style里面给类名加颜色

第二种：在vue页面另外写一个style ，加上scoped 然后用样式穿透 >>> 或者 /deep/

如果使用了sass 在scss里面用样式穿透可能不能被解析出来，所以要另写一个 style

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^