我有一个表,其中每一行的最后一列都包含一个复选框。问题是,只要视口不是不合理的大小,这些复选框就非常小(在某些时候几乎看不见)。
这个问题可以在下面的小提琴中看到:
http://jsfiddle.net/93haq/
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th># Unité</th>
<th>Modèle</th>
<th>Année</th>
<th>Couleur</th>
<th>Km</th>
<th>Statut</th>
<th>Succ.</th>
<th>Coûtant</th>
<th>M</th>
<th></th>
<th>
<input type="checkbox" class="form-control" class="carSelector" />
</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>
<input type="checkbox" class="form-control" class="carSelector" />
</td>
</tr>
</tbody>
</table>
</div>我希望复选框始终处于最大的位置(就像不在表格单元格内时一样),如下所示:http://jsfiddle.net/utvqh/
我试着减少表格单元格的填充,但没有帮助。
有人知道我该怎么解决这个问题吗?
发布于 2014-07-30 04:06:55
如下所示添加到输入宽度:
style="width: 40px" 您也可以在CSS中声明它
https://stackoverflow.com/questions/25023748
复制相似问题