如何在文本框和浏览按钮之间为输入文件类型添加空格

Question

我们可以在浏览按钮和文本框之间为输入类型文件添加空格吗？这可能吗？我可以为同一个文本框添加边框颜色吗？

感谢，

michaeld

Answer 1

不可能增加间距。一般来说，造型input type="file"非常困难。如果您检查跨浏览器，则可以看到不同的浏览器以不同方式呈现它。设置样式的唯一方法是将另一个元素伪造为input type="file"

示例：http://www.quirksmode.org/dom/inputfile.html

Answer 2

您应该使用css来执行此操作： 你的HTML：

    <input type="text" class="yourclass" name="yourname" />
    <input type="submit" />

你的css：

    <style> input.yourclass { border:1px solid red; margin-right: 10px;} </style>

希望这能让你朝着正确的方向前进

Answer 3

它适用于Chrome。

input.file {
    text-indent: initial;
}