モバイルデバイスでHTMLリンクのデフォルト設定が青色になっています

Question

これはおそらく信じられないほどシンプルなものですが、なんらかの理由で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は意図したとおりに白に変更されますか？

Answer 1

標準状態はコード内で同じ方法で定義されているため、違いは:visited状態のスタイルから発生する可能性があります。 [** **リンクボタンではありません]（HTTP

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

Answer 2

CSS text-decorationプロパティは、underlineを指します。あなたは何を（再）colorプロパティに設定したいですか？

外部CSSファイルを使用している場合は、必ずキャッシュをクリーニングしてください。