我使用 bootstrap-table和一个 column with checkboxes .如何更改复选框的大小。在我的 code我想要 25x25 大小的复选框,但是当我使用高度和宽度 css 属性时它不起作用。
html
<table class="table table-striped table-bordered table-hover" cellspacing="0" id="mainTable" data-click-to-select="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-pagination="true">
<thead>
<tr>
<th data-field="state" data-checkbox="true" data-formatter="starsFormatter"></th>
<th data-field="name" data-halign="center" data-align="left" data-sortable="true">Name</th>
<th data-field="stargazers_count" data-formatter="starsFormatter" data-halign="center" data-align="left" data-sortable="true">Stars</th>
<th data-field="forks_count" data-formatter="forksFormatter" data-halign="center" data-align="left" data-sortable="true">Forks</th>
<th data-field="description" data-halign="center" data-align="left" data-sortable="true">Description</th>
</tr>
</thead>
</table>
javascript
var data = [{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"}]
$('table').bootstrapTable({
data: data
});
function starsFormatter(row, value, inde) {
return row + '<i class="glyphicon glyphicon-star"></i> ';
}
function forksFormatter(value) {
return '<i class="glyphicon glyphicon-cutlery"></i> ' + value;
}
CSS
.bs-checkbox input{
height: 25px;
width: 25px;
}
最佳答案
简单易行的方法
input[type="checkbox"]{
transform:scale(x,y);
}
x,y can be any value depends upon how much large box you want
关于jquery - 更改 Bootstrap 表单元格中复选框的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32467051/