项目场景:
实际使用vant环形图组件,需要适配红色调整体设计风格,修改源文件未生效,原类覆盖也没有生效最终使用 /deep/解决了问题,特此记录,分享。
问题描述:
期望修改css样式中的font-size属性为 12px (0.32rem)
期望修改css样式中的color属性为 #E54E55
.van-circle__text {
position: absolute;
top: 50%;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 0 4px;
color: #323233;
font-weight: 500;
font-size: 14px;
line-height: 18px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
解决方案:
在实际场景中使用:
/deep/.van-circle__text{
color: #E54E55;
font-size: 0.32rem;
}
问题解决,暂时称为 vant
css样式穿透