css中
// 先用一个标签将这个组件包起来,然后通过父查子的方式来找到组件的类,注意是通过>>>来查找
<style scoped>
.box >>> .el-checkbox__inner {
border-radius: 50%;
}
</style>
less和sass中
// less语法要通过/deep/ 来找到子级的类
<style scoped lang="less">
.box {
/deep/ .el-checkbox__inner{
border-radius: 50%;
}
}
</style>
本文介绍了CSS中使用>>>选择器穿透到子组件,以及Less和Sass中利用/deep/来达到相同目的的方法。通过示例代码展示了如何修改组件内样式,特别是针对.el-checkbox__inner元素的border-radius属性进行设置,帮助开发者更好地理解预处理器的用法。

4933

被折叠的 条评论
为什么被折叠?



