我做错了什么？ CSS输入类型文件并提交

Question

我做错了什么？ 为什么两个按钮不在同一行？ 为什么“提交”按钮的顶部比“文件”按钮的间隙高1像素。

我正在使用Google Chrome桌面。 在桌面浏览器中，这不是很好。 在移动版Google chrome浏览器中，外观不错。 为什么？ 我必须用CSS编写的内容才能在其他浏览器中看到。

http://jsfiddle.net/uybznk4u/

<input type="file"><input type="submit"value="SUBMIT">

*
{
    margin:0;
    padding:0;
}
input[type=file],input[type=submit]
{
    background:#ff0;
    border:1px solid #f00;
    padding:4px;
    height:20px;
    line-height:20px;
    width:50px;

}
input[type=submit]
{
    height:30px;
    line-height:20px;
}

这是感谢。

Answer 1

只需在第二个按钮上设置“垂直对齐”即可：

vertical-align: top

这是更新的jsfiddle： http : //jsfiddle.net/ddwpw2ej/4/

Answer 2

input[type=file],input[type=submit]
{
    background:#ff0;
    border:1px solid #f00;
    padding:4px;
    height:20px;
    line-height:20px;
    width:50px;

}
input[type=submit]
{
    height:30px;
    line-height:20px;
    vartical-align:top;
}

尝试这个....