Safari中按钮宽度被切断

Question

我在Safari中只有一个按钮有问题。它是切断的，但是当我将鼠标悬停在它上面时，它会像它应该的那样需要全宽。有人遇到过这个问题吗？我将复制css for按钮并链接图像。

CSS：

    background: -webkit-gradient(linear, left top, right top, from(#f14f27), to(#ff7b5a));
    background: linear-gradient(to right, #f14f27 0%, #ff7b5a 
    color: #FFFFFF;
    min-width: 140px;
    width: auto;

display: inline-block;
font-weight: normal;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

font-size: 15px;
padding: 11px;
border-radius: 6px;

Answer 1

我发现父div上的解决方案display:flex在按钮上创建了display:block/inline-block的问题。我只是在按钮上设置display:flex并解决了问题