码上敲享录 > HTML+CSS实战 > table中input、select框内容过长时导致表格个别td的边框消失了

table中input、select框内容过长时导致表格个别td的边框消失了

上一章章节目录 2020-11-11已有1785人阅读 评论(0)

table中input、select框内容过长时导致表格个别td的边框消失了


解决方法:

以下示例当input输入框的内容过长时,表格后边的td的边框消失了,后来我把table标签的css属性:border-collapse: collapse;去掉即可,只是td之间的边框有间隙了。

<style>

   table,table tr th, table tr td { border:1px solid rgba(0, 0, 0, 0.3); }

   table { collapse: collapse;}

</style>


<table>

   <tr><td><input/></td><td><input/></td></tr>

   <tr><td><input/></td><td><input/></td></tr>

   

</table>


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交