HTML鏈接在移動設備上默認爲藍色

這可能是令人難以置信的簡單，我錯過了，但由於某種原因，我的HTML按鈕文本默認爲藍色，儘管CSS中的文本修飾設置爲無。HTML鏈接在移動設備上默認爲藍色

的HTML被顯示爲例如 -

\t .BecomeMemberBtn 
 
    { 
 
    display: block; 
 
    width: 100%; 
 
    height: 40px; 
 
    background: #34b629; 
 
    padding: 10px; 
 
    text-align: center; 
 
    border-radius: 4px; 
 
    font-weight: bold; 
 
    text-decoration:none !important; 
 
    font-size:11px; 
 
    color: #FFF; 
 
    webkit-border-radius: 4px; 
 
    -moz-border-radius: 4px; 
 
    border: solid 1px #20538D; 
 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); 
 
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
 
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
 
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
 
    }

<p><a class="BecomeMemberBtn" href=".../become-a-member">Become A New Member</a></p>

當我在這裏運行該代碼，它顯示在白色的，因爲它應，但是當我測試它在移動裝置（Android & iPhone），它會以默認的藍色顯示，這使得它在該按鈕的綠色背景下無法讀取。

是什麼使得它更可氣的是，我還有一個按鈕，它使用或多或少完全相同的代碼，這顯示是正確的 -

.MobSampleBtn 
 
    { 
 
    display: block; 
 
    width: 100%; 
 
    height: 40px; 
 
    background: #1e558d; 
 
    padding: 10px; 
 
    text-align: center; 
 
    border-radius: 4px; 
 
    color: #FFF; 
 
    font-weight: bold; 
 
    text-decoration:none; 
 
    font-size:10px; 
 
    webkit-border-radius: 4px; 
 
    -moz-border-radius: 4px; 
 
    border: solid 1px #20538D; 
 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); 
 
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
 
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
 
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 
 
    }

<p><a class="MobSampleBtn" href=".../Sample/True">Download Free Sample</a></p>

我的問題是 - 爲什麼在移動設備上將BecomeMemberBtn默認爲藍色文本，但MobileSampleBtn會根據預期更改爲白色？

來源

2016-09-14 nobetterdan

這有什麼做'文本decoration' –

而且[**鏈接是沒有按鈕**]（HTTP：// WWW .karlgroves.com/2013/05/14/links-are-not-buttons-both-are-divs-and-span /） –

由於常規狀態在您的代碼中的定義方式相同，因此其差異可能來自:visited狀態的樣式。因此，請確保您還添加樣式：

.BecomeMemberBtn:visited, 
 
.MobSampleBtn:visited { 
 
    color: #fff; 
 
}

來源

2016-09-14 10:17:50 skobaljic

可能是一個愚蠢的問題，但會：只有當用戶按下所說的按鈕後才能訪問被訪問？似乎正在發生的事情是，默認顏色始終是藍色。 – nobetterdan

'：visited'是您訪問過的頁面的樣式，在瀏覽器中打開。我的猜測是你已經訪問過這兩頁中的一頁，因此一個鏈接的顏色是不同的。爲活動鏈接/按鈕狀態設置樣式（當用戶按下按鈕/鏈接時）通過添加'：active'選擇器來管理。 – skobaljic

解決了！ – nobetterdan

CSS text-decoration屬性僅指underline。你想要（重新）設置它的color屬性。

如果您使用外部CSS文件，請確保清理緩存。

來源

2016-09-14 10:10:09

你知道，我一直認爲文字修飾適用於所有格式化，一個按鈕。 – nobetterdan

HTML鏈接在移動設備上默認爲藍色

回答

相關問題