html - 与 Chrome 相比，表单和输入元素在 IE11 和 Firefox 上看起来不同

Question

我的购物车图像看起来与 Chrome 和 IE/Firefox 不同。 (chrome 是直的，但 IE/FF 位置略低)

我希望它们看起来都和 chrome 中的一样。我正在运行 normalize.css 我是一个新手程序员所以请记住这一点，请你帮帮我，下面是 html 和 css:

HTML

<li>
    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr"     method="post" class="shopping">
        <input type="hidden" name="cmd" value="_cart">
        <input type="hidden" name="business" value="HUUDRV4678LJG">
        <input type="hidden" name="display" value="1">
        <input class="input1"type="image" src="http://asknaturalhealth.com/img/shopping1.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
        <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
</li>

CSS:

.shopping {
    position: relative;
    display: inline;
    top: 40px;
    left: 1080px;
    margin-left: -1000px;
}

    .shopping .input1 {
    -moz-box-sizing: border-box;
   box-sizing: border-box;
}

Answer 1

试试这个:

    .shopping {
        position: relative;
        display: inline;
        top: 40px;
        left: 1080px;
        margin-left: -1000px;
    }

        .shopping .input1 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
         box-sizing: border-box;
}