Safari在提交按鈕周圍留出空間

我想在我當前的跨瀏覽器項目中設置樣式按鈕。Safari在提交按鈕周圍留出空間

當我在Safari中檢查這些按鈕時，他們看起來與其他瀏覽器不同。一般來說，按鈕在FF和Chrome中看起來相同。但是在Safari按鈕的頂部，底部，左側和右側都有空間已知的額外空間，因此按鈕在Safari中看起來更寬，而不是Chrome或其他瀏覽器中。我可以在Safari中刪除提交按鈕上的額外空間嗎？

我現在的CSS是：

.location-form-wrapper input[type="submit"] { 
    border-radius: 0 5px 5px 0; 
    float: left; 
    padding: 20px 23.8px; 
} 
input[type="submit"], input[type="button"], button, input[type="reset"] { 
    background: #facc26 none repeat scroll 0 0; 
    border: 1px solid transparent; 
    border-radius: 5px; 
    box-shadow: none; 
    color: #ffffff; 
    cursor: pointer; 
    display: inline-block; 
    font-family: "latobold"; 
    font-size: 18px; 
    line-height: 1; 
    padding: 12px 26px; 
    text-transform: uppercase; 
    transition: all 300ms linear 0s; 
    }

來源

2015-09-10 Nishu

歡迎來到Stack Overflow！請用一些代碼提供你的問題。 – naXa

添加一些代碼將豐富多彩您的答案 –

.location-form-wrapper input [type =「submit」] { border-radius：0 5px 5px 0; float：left; padding：20px 23.8px; } input [type =「submit」]，input [type =「button」]，button，input [type =「reset」] {背景：＃facc26 none重複滾動0 0; border：1px solid transparent; border-radius：5px; box-shadow：none; color：#ffffff;光標：指針; display：inline-block; font-family：「latobold」; font-size：18px; line-height：1; padding：12px 26px; text-transform：大寫; 轉換：全部300ms線性0s; } – Nishu

我只是碰到這種非常問題，Safari瀏覽器9.0.2來了。這可能太微不足道了，但我只是在按鈕的CSS中添加了「margin：0」，並且 - well，margin - 消失了，讓按鈕填滿了我想要的全部區域。

來源

2016-03-07 11:31:37 khituras

Safari在提交按鈕周圍留出空間

回答

相關問題