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

Question

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

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

Answer 1

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>