textfields在表格中忽略min-width ...任何解决方法？

Question

在Windows上的谷歌浏览器

<input type="text" style="min-width:10px;width:100%;">

如你所见：

<div style="width:50px;background:red;">
    <input type="text" style="min-width:10px;width:100%;">
</div>

这里没有！

<table style="background:red;">
    <tr><td><input type="text" style="min-width:10px;width:100%;"></td></tr>
</table>

我正在寻找一个纯粹的CSS解决方案（size =“1”解决了我的问题，顺便说一句）

Answer 1

添加

cellpadding="0" 

cellspacing="0" 

到你的桌子

<table cellpadding="0" cellspacing="0" style="background:red;">
    <tr><td><input type="text" style="min-width:10px;width:100%;"></td></tr>
</table>

Answer 2

Chrome和Safari根本不支持表格元素的min-width属性。但是，当应用于表格单元格时，它们将遵循最小宽度。

其他：

1. Firefox：支持（在5中测试，不确定从哪个版本开始）
2. Internet Explorer：支持（因为IE8。IE7及以下似乎没有 支持它）Chrome：不支持（所有版本尽我所能 告诉）Safari：不支持（据我所知，所有版本都是
）
3. Opera：支持（在11.5中测试，不确定从哪个版本开始）

检查此网站：https://developer.mozilla.org/en/CSS/min-width

也许尝试一些％...