如何在Chrome中更改访问过的链接颜色?

时间:2015-09-10 12:37:45

标签: javascript css google-chrome hyperlink visited

我使用谷歌浏览器浏览器,我发现未访问和访问过的链接颜色彼此太近了。它们很难区分,至少对我而言。

我尝试了在Chrome的用户数据文件夹中修改Custom.css配置文件的旧方法,但没有发生任何变化。

我愿意接受包含javascript代码或css设置的解决方案,我可以在开发人员的窗口(F12)中运行/修改,即使它们不是永久设置。

6 个答案:

答案 0 :(得分:15)

这是一个适用于所有平台和所有Chrome版本的解决方案。

  1. 安装Stylist extension
  2. 点击Chrome中的设置
  3. 点击EXTENSIONS
  4. 找到Stylist扩展,然后单击OPTIONS
  5. 点击样式
  6. 点击添加新样式
  7. 在哪里说"样式名称",将样式命名为
  8. 单击“所有站点”复选框
  9. 如果"样式表文字",请复制并粘贴以下内容:
    A:visited { color: red ! important }
  10. 点击保存
  11. 查找包含已访问链接的页面,刷新,您将看到新颜色。
  12. 您可以找到自己喜欢的颜色here,也可以使用rgb(255, 0, 0)等颜色代码代替red

    Source

答案 1 :(得分:0)

自Chrome浏览器版本33起,样式表不再可用。因此,您在Windows 7上访问custom.css的解决方案无效。

与此同时,对于我们这些有视觉问题的人来说,我无法为Google的这种疏忽找到解决方案。

答案 2 :(得分:0)

以下为我工作的很好的解决方案:

“如果您想自己扩展DIY:

创建或导航到文件夹'c:\ Users [本地用户] \ AppData \ Local \ Google \ Chrome \ UserData \ Default \ User StyleSheets \'

在“用户样式表”中创建或编辑“ Custom.css”:

A:已访问,A:已访问* {color:orchid!important}

注意:此代码也可用于@Vic Jang的答案。

创建或编辑“ manifest.json”:

{     “ name”:“ my_custom_css”,     “ version”:“ 1”,     “ content_scripts”:[{         “ matches”:[“ :// / *”],         “ css”:[“ Custom.css”]     }],     “ manifest_version”:2 }

带有chrome的转到URL:'chrome:// extensions'

选中“开发人员模式”框

点击“加载解压的扩展程序...”

导航到包含“ Custom.css”和“ manifest.json”的“ User StyleSheets”文件夹

选中您创建的“ my_custom_css”扩展名旁边的“启用”框

重新启动Chrome”

答案 3 :(得分:-1)

找到解决方案窗口7和10已经过测试... https://chrome.google.com/webstore/detail/stylist/pabfempgigicdjjlccdgnbmeggkbjdhd/related?hl=en

如果您不想点击此处的链接

Randolph Knackstedt说: 有人告诉我有关Chrome扩展程序,造型师的信息,我强烈推荐! https://chrome.google.com/webstore/detail/stylist/pabfempgigicdjjlccdgnbmeggkbjdhd/related?hl=en

此扩展程序允许用户选择自定义访问过的链接颜色,其行为与最近的Chrome更新之前的custom.css相同。耶!

安装扩展程序后,请执行以下操作:

---单击“设置” ---点击EXTENSIONS ---找到造型师扩展,然后单击OPTIONS ---点击STYLES ---点击添加新样式 ---复制&粘贴以下内容: - 答:访问{颜色:红色!重要的} ---命名风格 ---单击“所有站点”复选框 ---点击保存

现在您有红色访问过的链接。如果您愿意,可以选择不同的颜色。

答案 4 :(得分:-1)

这个解决方案现在已经适合我了。它是另一个镀铬扩展,所以如果Stylish不适合你,请尝试Change Colors

答案 5 :(得分:-1)

如果你想DIY扩展:

  1. 创建或导航到文件夹'c:\ Users [本地用户] \ AppData \ Local \ Google \ Chrome \ UserData \ Default \ User StyleSheets \'

  2. 在'User StyleSheets'中创建或编辑'Custom.css':

    A:visited, A:visited *{color:orchid !important}

    注意:此代码也可用于@Vic Jang的答案。

  3. 创建或编辑'manifest.json':

    { "name": "my_custom_css", "version": "1", "content_scripts": [{ "matches": ["*://*/*"], "css": ["Custom.css"] }], "manifest_version": 2 }

  4. 转到带有chrome的网址:'chrome:// extensions'

  5. 检查“开发者模式”框

  6. 点击“加载未包装的扩展程序...”

  7. 导航到'User StyleSheets'文件夹,其中包含'Custom.css'和& '的manifest.json'

  8. 选中您创建的“my_custom_css”扩展程序旁边的“已启用”框

  9. 重新启动Chrome