Question

我做错了什么？为什么两个按钮不在一行？为什么提交按钮的上边距为1 px而不是文件按钮。

我正在使用Google Chrome桌面。在桌面浏览器中，这并不好。在移动版Google Chrome浏览器中，这看起来很棒。为什么？我必须在CSS中编写，以便在其他浏览器中看到它的外观。

<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;
}

This is 感谢。

Answer 1

只需在第二个按钮上设置vertical-align：

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;
}

试试这个......

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

2 个答案: