CSS checkbox 对应多个label 怎么设置label样式

html-css012

CSS checkbox 对应多个label 怎么设置label样式,第1张

如果所有的label的样式是一样的话,可以直接用公共的样式即可,即直接使用其标签名,如:

label{font-size:20px}

如果有区别的话,可以给对应的label加个样式名,如:

.fz{font-size:20px}

<label class="fz"></label>

以下都是配置属性,以3.4版本为标准

css部分:

clearCls //清除自带样式

cls //一个可选添加的CSS样式类,加入到组件的元素上

ctCls //一个可选添加的CSS样式类,加入到组件的容器上

disabledClass //当组件被禁用时作用的CSS样式类

itemCls //关于容器的表单项元素的额外的CSS样式

overCls //关于鼠标上移至该组件元素的CSS样式类,移出时撤销该样式的效果

style部分:

style //作用在组件元素上特定的样式

labelStyle //关于表单字段的label提示文本的CSS样式的“完全表达式

这个简单调整下优先级就可以了,要想不继承父级样式,你需要重写父级样式里所定义的东西。向下面这样重新定义他的优先级即可生效:

.control-label .field-icon-set{padding-left:5pxfont-size:13pxline-height:28pxheight:28pxcolor:@grayLight}