粘贴时强制链接颜色样式属性遵循默认样式答案

【问题标题】：force a link color style atrribute to follow default style when paste粘贴时强制链接颜色样式属性遵循默认样式
【发布时间】：2014-03-17 14:41:48
【问题描述】：

我遇到的问题是，当我复制一段 html 时，即使用

 <a>my link</a>

然后它会拾取页面上的默认样式颜色，也就是说，如果我设置标签样式颜色：#f2f2f2，那么它会在粘贴后拾取并使用它。

为了解决这个问题，我想知道是否有一种方法可以将 color:none 或以某种方式设置到每个标签中，这样标签的颜色将始终是该标签的默认颜色（例如，标签将是蓝色的）。

让我澄清一下，我想这样做的原因是这段 html 文本的默认 css 颜色为从样式表中获取的红色，但是在我粘贴它之后我不希望粘贴该样式，但是，当我尝试时，它会，如果我在某些电话设备上这样做。我想知道是否有办法将特定标签的样式设置为仅默认颜色属性值而不修改它。例如，如果另一个默认为蓝色，则字体将变为蓝色而不是保持红色。

提示：当您尝试将 html 复制到 Google Mail 签名框中时尤其明显。

谢谢

【问题讨论】：

标签： html css

【解决方案1】：

我不确定我是否理解您的意思，但如果您想更改链接颜色：

a {
    color: red;
}

小提琴：Fiddle

对于您编辑的问题，如果您想要默认样式，只需执行以下操作：

a {
    color: initial;
}

【讨论】：

【解决方案2】：

我也不确定你的意思，但要设置链接颜色，请使用上面匿名的 css。

您还可以将颜色属性应用于链接的不同状态。

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

确保在外部样式表中设置这些样式，不要使用内联 CSS。

例如：

<a style="color:#000;">This is Bad</a>

【讨论】：

【解决方案3】：

您可以使用CSS Keyword initial

最初 CSS 没有提供“默认”关键字，这是唯一的方法恢复一个属性的默认值就是显式地重新声明那个属性。

这在 CSS 2 中有所改变；关键字 initial 现在是有效值对于 CSS 属性。它将其重置为其默认值，即在给定属性的 CSS 规范中定义。

(https://developer.mozilla.org/en-US/docs/Web/CSS/Common_CSS_Questions)

例如：a.unstyled {color:initial;}

但是，在my testing 中，链接的浏览器“初始”值似乎是黑色而不是我们都习惯的蓝色，因此您最好明确设置它。

【讨论】：