1

这让我很烦......我有一个简单的 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,我有什么需要考虑的因素吗?

任何帮助将不胜感激。谢谢!


encodeURIComponent在将参数发送到服务器之前,您应该使用它们。它会正确地转义参数中的所有内容。

快速示例:

var s = 'Thing=' + encodeURIComponent('lala&lalala');

请注意,每个值都应该单独编码(所以你不应该简单地在整个查询字符串上使用它)。

4

2 回答 2

2

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

于 2012-06-18T17:25:01.873 回答
2

我见过的最好的解决方案在这里:http ://www.quirksmode.org/dom/inputfile.html 。众所周知,不同浏览器的文件输入样式不一致,因此需要对 HTML 进行一些修改。

于 2012-06-18T17:28:44.153 回答