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链接在移动设备上默认为蓝色

回答

相关问题