<el-form-item label="性别"> <el-radio v-model="form.gender" label="男">男</el-radio> <el-radio v-model="form.gender" label="女">女</el-radio></el-form-item>
你会创造,字体很小,怎么让它字体变大,你会创造,添加样式,调试,根据element的样式重新设置,也是一样很执拗,便是不变革,我这里利用暴力办理‘
<el-form-item > <span slot="label"> <span style="font-size:18px;">性别</span> </span> <el-radio v-model="form.gender" label="男">男</el-radio> <el-radio v-model="form.gender" label="女">女</el-radio></el-form-item>
这样文本的问题就办理了,新问题又来了,单选按钮字体比较小,单选按钮也比较小,相应当样式怎么办呢?
/设置单选按钮的字体大小/.el-radio /deep/ .el-radio__label { font-size: 18px; line-height: 2;}/设置单选按钮的按钮样式/.el-radio /deep/ .el-radio__inner { width: 18px; height: 18px; margin-bottom: 5px;}
以上代码写到style 里面即可,你会创造,单选按钮的字变革了,单选按钮也变大了
同样的问题,多选框,想要也变大点,多选框的字也变大点,怎么办理呢?
/设置多选框的label字体大小/.el-checkbox /deep/ .el-checkbox__label { font-size: 18px; line-height: 2;}/设置多选框的按钮样式/.el-checkbox /deep/ .el-checkbox__inner { width: 18px; height: 18px; /margin-bottom: 10px;/}
以上就可以办理表达的label字体比较小,单选按钮样式,单选按钮显示的文本样式,多选框的样式,多选框显示的文本的样式。
赶紧收藏起来,说不定,你会用到哦!
~