Question

我的购物车图片看起来与Chrome到IE / firefox不同。（铬是直的，但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;
}

与chrome相比，IE11和Firefox上的表单和输入元素看起来不同

1 个答案: