我想把封装好的checkbox变成方的，怎么弄？大神帮忙
<div class="mui-input-row mui-checkbox " style="border-radius: 0px">
<label>Checkbox</label>
<input name="zhege " type="checkbox" checked>
</div>
Oliverlee
- 发布：2015-10-20 08:47
- 更新：2018-02-27 15:18
- 阅读：4426
mui-checkbox怎么样画成方的？
分类：MUI
代码给你 自己运行
<li class="mui-table-view-cell">
<div class="mui-checkbox mui-left mui-pull-left">
<label>全选</label>
<input name="checkbox1" type="checkbox" />
</div>
<div class="mui-pull-right">
<button class="mui-btn mui-btn-primary" type="button" onclick="return false;">上传</button>
</div>
</li>
------------------ css
.mui-checkbox input[type=checkbox]:before {
content: '\e413';
}
.mui-checkbox input[type=checkbox]:checked:before {
content: '\e443';
}
.mui-checkbox.mui-left input[type=checkbox]{
left: 0px;
}
.mui-checkbox.mui-left label, .mui-radio.mui-left label {
margin-top: 10px;
padding-right: 15px;
padding-left: 30px;
}
.mui-table-view-cell {
position: relative;
overflow: hidden;
padding: 11px 15px;
-webkit-touch-callout: none;
}
一路格桑花 - 前端工程师
.mui-icon-checkbox-filled:before {
content: '\e442'
}
变成方形的
-
.mui-checkbox input[type=checkbox]:before {
content: '\e413';
}
.mui-checkbox input[type=checkbox]:checked:before {
content: '\e443';
}2018-02-27 15:31
-
1***@163.com
在哪个地方替换图片啊？
2016-05-26 17:30
安雨忻
回复 1***@163.com:你把.mui-checkbox input[type=checkbox]:before的content里面的内容换成自己的图片就好了
2017-11-01 09:45