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

---

我刚刚遇到了这个问题，Safari 9.0.2。这可能太琐碎了，但我只是在按钮的CSS中添加了“margin:0”，然后-嗯，margin-消失了，让按钮填满了我想要的全部区域。

欢迎使用堆栈溢出！请为您的问题提供一些代码。添加一些代码将使您的答案丰富多彩。location-form-wrapper输入[type=“submit”]{边框半径：0 5px 5px 0；浮动：左；填充：20px 23.8px；}输入[type=“submit”]，输入[type=“button”]，按钮，输入[type=“reset”]{背景：#facc26无重复滚动0；边框：1px实心透明；边框半径：5px；框阴影：无；颜色：#ffffff；光标：指针；显示：内联块；字体系列：“latobold”；字体大小：18px；行高：1；填充：12px 26px；文本转换：大写；转换：所有300ms线性0；}@Nishu如果您想添加一些有用的内容，可以编辑您的答案。注释中添加的代码OP现在在问题中。