Safari занимает пространство вокруг кнопки отправки

Question

Я пытаюсь стилизовать кнопки в моем текущем проекте кросс-браузера.

Когда я проверил эти кнопки в Safari, они выглядели иначе, чем в любом другом браузере. В общем, кнопки выглядят одинаково в FF и Chrome. Но в кнопках Safari есть больше пространства сверху, снизу, слева и справа, поэтому кнопки выглядят шире в Safari, а не в Chrome или другом браузере. Можно ли удалить дополнительное пространство на кнопку отправки в Safari?

Мой текущий КСС:

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

Answer 1

Я просто наткнулся на этот самый вопрос, Safari 9.0.2. Это может быть слишком тривиально, но я просто добавил «margin: 0» к CSS кнопки и, ну, маржа - ушел, позволив кнопке заполнить всю область, которую я намеревался для нее.