html - CSS。移动设备中按钮的幽灵风格

Question

同一页面的以下 2 个版本。有一个提交按钮，它有一个橙色的风格，它在桌面上正确显示。第二个屏幕上的按钮具有渐变和完全不同的风格。这种魔法只出现在移动设备上。我查看了整个 CSS 并没有找到任何样式。 Chrome 移动模拟器正确显示它。所以我的问题是:如何调试和修复这种风格？一些技术细节:模态的华丽弹出插件，按钮的样式:

.form .btn, .beeline-custom .form input.btn {
    padding: 0;
    border: none;
    background: none;
    display: block;
    width: 100%;
    max-width: 239px;
    margin: 0 auto;
    padding: 16.5px 10px;
    text-align: center;
    background: #fec81e !important;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    font: 17px/1.2 'Roboto-Regular',sans-serif;
}

UPD 问题由 BenM 的评论修复:-webkit-appearance: none to button css

Answer 1

您可以使用 appearance 覆盖任何浏览器默认值CSS 属性。将其设置为 none 就可以了:

-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;