问题遇到的现象和发生背景
使用Vue element-ui中的Checkbox功能,但是使用“ font-size: 10px;”,无论怎么设置都无法改变字体大小,该怎么办?
.ContractCheckText_check_options_check_box1 {
width: 96%;
margin-left: 2%;
font-size: 10px;
}
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, 再小设置就无效