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

时间:2016-09-22 08:47:09

标签: html css

同一页面的2个版本以下。有一个提交按钮,它具有橙色样式,并在桌面上正确显示。在第二个屏幕按钮具有渐变和完全不同的风格。这种魔力只出现在移动设备上。我浏览整个CSS并没有找到任何风格。 Chrome移动模拟器正确显示。所以我的问题:如何调试和修复这种风格? 一些thech细节:用于模态的大胆弹出插件,按钮的样式:

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

enter image description here

enter image description here

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

1 个答案:

答案 0 :(得分:2)

您可以使用appearance CSS属性覆盖任何浏览器默认值。将其设置为none,你应该好好去:

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