繁体   English   中英

如何在表格中使用输入标签 - 表格 td 完整大小的列

[英]how to use input tag into table - table td full size of column

我正在尝试在表格中使用输入标签,而输入标签没有任何边框

 <table class="table table-bordered"> <thead> <tr class="bg-info"> <th>first name</th> <th>last name</th> <th>college</th> <th>department</th> </tr> </thead> <tbody> <tr> <td><input type="text" class="form-control"></td> <td><input type="text" class="form-control"></td> <td><input type="text" class="form-control"></td> <td><input type="text" class="form-control"></td> </tr> </tbody> </table>

我想删除这个图片 空白行,并使输入标签全尺寸列? 请问有没有可能,尝试实现这样的东西

引导程序 4

谢谢你..

只需删除默认填充 foreach 单元格和表单控件的默认边框

 <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <style> /* remove the padding of cell */ table.table tr td { padding:0; } /* remove the border of input */ input.form-control, input.form-control:focus { border:0; box-shadow:none; } </style> </head> <table class="table table-bordered"> <thead> <tr class="bg-info"> <th>first name</th> <th>last name</th> <th>college</th> <th>department</th> </tr> </thead> <tbody> <tr> <td><input type="text" class="form-control"></td> <td><input type="text" class="form-control"></td> <td><input type="text" class="form-control"></td> <td><input type="text" class="form-control"></td> </tr> </tbody> </table>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM