element-ui中的Checkbox如何调整字体大小?

问题遇到的现象和发生背景
使用Vue element-ui中的Checkbox功能,但是使用“ font-size: 10px;”,无论怎么设置都无法改变字体大小,该怎么办?

.ContractCheckText_check_options_check_box1 {
          width: 96%;
          margin-left: 2%;
          font-size: 10px;
        }

img

chrome最小只能设置12px,小于12px默认为12px,Firefox支持12px以下。一定要弄使用transform来实现

<div style="font-size: 12px"><span style="transform: scale(0.83);display:inline-block">10px</span>12px</div>

不能对Checkbox本身设置文字大小,因为那样是无效的,可以对Checkbox的父元素设置文字大小

/deep/.el-checkbox__label {
  font-size: 30px
}

文字大小,最小有效值是12, 再小设置就无效

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632