表单元格中的复选框:复选框太小
表单元格中的复选框:复选框太小
提问于 2014-07-30 03:50:18
我有一个表，其中每一行的最后一列都包含一个复选框。问题是，只要视口不是不合理的大小，这些复选框就非常小(在某些时候几乎看不见)。
这个问题可以在下面的小提琴中看到：
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/
我试着减少表格单元格的填充，但没有帮助。
有人知道我该怎么解决这个问题吗？
回答 3
Stack Overflow用户
发布于 2014-07-30 03:54:10
将这个添加到你的css中：
td:last-of-type{
width:50px;
}您的表格单元格的宽度未设置，因此它会调整输入的大小和大小。
您还可以使用以下命令：
.form-control{
width:40px;
}使用输入元素的实际宽度并设置要设置的类的宽度(如果您更喜欢使用"carSelector“类来设置宽度)
Stack Overflow用户
发布于 2014-07-30 04:06:55
如下所示添加到输入宽度：
style="width: 40px" 您也可以在CSS中声明它
Stack Overflow用户
发布于 2014-07-30 04:50:23
您也可以尝试
tbody > tr > td:last-child {
padding: 0;
}因此，复选框采用其余空间，而不是父td的填充
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25023748
复制相关文章
相似问题
腾讯云开发者
