Css 我需要使输入元素调整为表格单元格宽度

Css 我需要使输入元素调整为表格单元格宽度,css,firefox,input,width,css-tables,Css,Firefox,Input,Width,Css Tables,我正在开发一个接口,这件事让我很烦恼 请参阅: 它可以在Chrome中使用,但不能在Firefox中使用。Chrome的基本思想是,每列中最长的单词将td或th延伸到适当的长度,以保留空间。但在Firefox中,输入元素似乎完全忽略了最大宽度和最小宽度 我试着在输入上摆弄position:absolute,在th上摆弄position:relative,但Firefox也忽略了后者 我如何让它工作 th input { min-width: 10px; max-width: 10

我正在开发一个接口,这件事让我很烦恼

请参阅:

它可以在Chrome中使用,但不能在Firefox中使用。Chrome的基本思想是,每列中最长的单词将td或th延伸到适当的长度,以保留空间。但在Firefox中,输入元素似乎完全忽略了最大宽度和最小宽度

我试着在输入上摆弄
position:absolute
,在th上摆弄
position:relative
,但Firefox也忽略了后者

我如何让它工作

th input {
    min-width: 10px;
    max-width: 100%;
    width: 100%;
}
在此处纠正问题(FF 17.0.1)


小提琴:

你应该考虑限制输入[Type =“text”]——否则Chrome(虽然不是火狐)可能会将复选框的标签文本推到下一行。