CSS。移動設備中按鈕的幽靈風格

同一頁面的2個以下版本。有一個提交按鈕，它具有橙色風格，並且它在桌面上正確顯示。在第二個屏幕按鈕上有漸變和完全不同的風格。這種魔力只出現在移動設備上。我瀏覽整個CSS，沒有找到任何風格。 Chrome移動模擬器正確顯示它。所以我的問題：如何調試和修復這種風格？一些所述模具連結詳細信息：模態蕩氣迴腸彈出plugi，按鈕的樣式：CSS。移動設備中按鈕的幽靈風格

.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-外觀：無人按鈕css

來源

2016-09-22 Eugene Mescheryakov

我建議你檢查你的風格瀏覽器兼容性，因爲一些瀏覽器有不同的標籤使用'-webkit-外觀 – DestinatioN

嘗試：none'按鈕（以及所需的其他瀏覽器前綴）。 – BenM

@BenM非常感謝你，很有效！ –

您可以使用appearance CSS屬性覆蓋任何瀏覽器默認值。將它設置爲none，你應該是好去：

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

來源

2016-09-22 09:04:50 BenM

CSS。移動設備中按鈕的幽靈風格

回答

相關問題