修改javascript以将网页字体颜色更改为黑色答案

【问题标题】：Modifying javascript to change web page font color to black修改javascript以将网页字体颜色更改为黑色
【发布时间】：2020-06-26 06:30:32
【问题描述】：

我的左眼视网膜受损，导致难以阅读衬线字体的文字。
曾经有人发布了我保存在 Chrome 书签栏中的这个 javascript sn-p，当我单击它时，它会将网页的字体更改为 Tahoma。 太棒了。

我注意到近年来出现了一种趋势，即设计网页的文本显示为灰色阴影，而不是纯黑色。对我来说，灰色比黑色更难阅读，而且打印时渲染效果很差。

我不是编码专家。是否可以对此代码进行简单的添加，也可以将字体颜色更改为纯黑色？

这里是sn-p的代码：

    javascript:Array.prototype.forEach.call(document.getElementsByTagName("*"), function(e){e.style.fontFamily ="Tahoma"})

【问题讨论】：

您好，您可以尝试在 "Tahoma" 之后（但在 '}' 之前）附加 ; color:black，这应该为任何 html 标记设置黑色。

标签： javascript colors font-style

【解决方案1】：

你可以通过以下方式做到这一点。

javascript:Array.prototype.forEach.call(
  document.getElementsByTagName("*"), 
  function(e){
     e.style.fontFamily ="Tahoma"; e.style.color ="#000 !important"
  })

希望对你有帮助:)

【讨论】：

【解决方案2】：

您可以再添加一个color 的属性来更改颜色。

 Array.prototype.forEach.call(
      document.getElementsByTagName("*"),
      function(e) {
        e.style.fontFamily = "Tahoma";
        e.style.color = "#000000";
      }
    );

演示：

function changeColor() {
  Array.prototype.forEach.call(
    document.getElementsByTagName("*"),
    function(e) {
      e.style.fontFamily = "Tahoma";
      e.style.color = "#000000";
    }
  );
}

* {
    color: green;
 }

<button type="button" onclick="changeColor()">Change Color</button>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<div>Div</div>
<p>P</p>
<span>span</span><br>
<a href="#">a</a>

【讨论】：

这非常有效。这正是我想要的。它使我再次阅读文本。我不知道使网站不可读的设计趋势是什么，但这使我恢复了理智。谢谢。