vant学习踩坑记录2 input-placeholder 字体颜色和 scoped 样式

scoped属性和深入选择器

使用 vant 组件时, 经常有组件创建的元素, 用 scoped 属性的 css 样式没办法生效

scoped属性的意思, 是只对本页面内的元素生效, 且优先级极高, 但 vant 组件动态创建的元素有时判定属于该页面, 有时又不属于, 具体规律不清楚

这种情况, vue 给出了解决方案 ::v-deep , 选择器深入

.main ::v-deep .branch{
   
  color: #666666;
}

::v-deep 前面的选择器必须在 scoped 页面内

上面的 ::v-deep 是 scss 样式的写法, css样式下用 >>>

input-placeholder字体颜色设置

<input type