同一页面的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;
}
UPD 问题由BenM的评论修正:-webkit-appearance:none to button css
答案 0 :(得分:2)
您可以使用appearance
CSS属性覆盖任何浏览器默认值。将其设置为none
,你应该好好去:
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;