应用填充

时间:2012-06-18 17:23:11

标签: html css3 padding

这让我烦恼...我有一个简单的HTML页面,它有一个文件类型的输入HTML对象 - 请参阅下面的代码行:

<table>
    <tr><td><input type="file" id="file" name="file" class="textbox" size="75" /></td></td>
</table>

在我的CSS文件中,我有:

input.textbox{padding:10px;font-size:14px}

填充在IE9中工作正常但在Mozilla中似乎不起作用。我是否需要考虑使用Mozilla?

非常感谢任何帮助。 谢谢!

2 个答案:

答案 0 :(得分:2)

改为在封闭的td元素上设置填充。文件输入小部件在浏览器中以特殊和不同的方式实现,它们可能部分地免于CSS。

答案 1 :(得分:2)

我见过的最佳解决方案是:http://www.quirksmode.org/dom/inputfile.html。众所周知,文件输入的样式在浏览器中是不一致的,因此需要对HTML进行一些黑客攻击。