html - iOS 7 Safari 强制使用粗体按钮

Question

我有一个带有以下 HTML 和 CSS 的按钮:

<button type="button" class="wrapper">
    <p class="text">Preferences</p>
</button>


.wrapper {
    height: 80px;
    top: 0px;
    line-height: 80px;
    position: absolute;
    left: 34px;
}

.text {
    display: inline-block;
    margin: auto 0 auto 0;
    padding: 0 21px 0 20px;
    font-size: 26px!important;
    vertical-align: middle;
    line-height: 32px!important;
    font-weight: 500!important;
    text-align:justify;
}

除了字体为 BOLD 的 iOS 7 Safari 之外，它在每个浏览器中都能正确呈现。我假设 Apple 正在覆盖我的 CSS 并强制字体加粗。有没有办法让字体粗细“正常”

Answer 1

您可以尝试在 .text 中进行以下修改:

font-size: 26px;
font-weight: 100;