只修改layui input type="checkbox"框里title 的字体大小
时间: 2023-07-06 07:05:44 浏览: 176
字体大小修改
4星 · 用户满意度95%
可以使用 CSS 的 `::before` 伪元素来修改 checkbox 标题的字体大小,示例代码如下:
```html
<label class="layui-form-label">选择</label>
<div class="layui-input-block">
<input type="checkbox" name="like[write]" title="写作" lay-skin="primary">
<input type="checkbox" name="like[read]" title="阅读" lay-skin="primary">
<input type="checkbox" name="like[play]" title="游戏" lay-skin="primary">
</div>
```
```css
.layui-form-checkbox::before {
font-size: 16px; /* 设置标题字体大小 */
}
```
这里的 `.layui-form-checkbox` 是在 layui 中渲染的 checkbox 的父元素,`::before` 伪元素可以在 checkbox 内部添加一个额外的元素,并且可以对其样式进行修改。
阅读全文