Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用Javascript更改CSS样式以使链接与普通文本相同?

如何使用Javascript更改CSS样式以使链接与普通文本相同?
EN

Stack Overflow用户
提问于 2014-02-15 03:05:01
回答 4查看 73关注 0票数 0

你可能已经知道,链接会降低在线文本的可读性。这一点在像维基百科科学文章这样的页面上尤其明显,因为每隔一个术语都会被维基链接,因此是亮蓝色的。我正在尝试制作一个带切换按钮的Firefox插件,让链接看起来像是普通的文本。

似乎有一个Javascript单行程序可以将正文文本中链接的CSS样式更改为任何底层文本样式。我的假设正确吗?如果有,是什么?如果不是,最简单的方法是什么?

EN

回答 4

Stack Overflow用户

发布于 2014-02-15 08:51:38

应用以下样式应该可以:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
a {
  color: inherit !important;
  text-decoration: inherit !important;
}

您可以将这些样式应用于所有网页using nsIStyleSheetService。如果您只想将它们应用于单个网页,则应将<style>标签插入到该页面中。

票数 3
EN

Stack Overflow用户

发布于 2014-02-15 03:21:39

您应该能够通过几种方式完成此操作。不过,我不打算把这句话写成一句话。如果我不想加载或假定预先加载jQuery,我可能会从getElementByTagName开始。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var anchors = document.getElementsByTagName('a');
anchors = Array.prototype.slice.call(anchors);
anchors.forEach(function (anchor) {
    anchor.style.textDecoration = 'none';
    anchor.style.color = 'black'; // to taste
    // et. al. You'll need to define these CSS rules.
});

您可能需要做一些检查,以确保它们确实在您的文章文本中,而不是来自导航菜单、侧边栏或页脚的锚点。

如果你真的可以使用一行程序,它可能是这样的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Array.prototype.forEach.call(document.getElementsByTagName('a'), function (anchor) {/* CSS */});
票数 1
EN

Stack Overflow用户

发布于 2014-02-15 20:09:12

要像wlad推荐的那样使用nsIStyleSheetSercie,请这样做。只需在startUp上运行此命令,确保cssUri是一个全局变量,然后在关机时运行注销函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var sss = Components.classes['@mozilla.org/content/style-sheet-service;1'].getService(Components.interfaces.nsIStyleSheetService);
var ios = Components.classes['@mozilla.org/network/io-service;1'].getService(Components.interfaces.nsIIOService);
var css = 'a {color: inherit !important; text-decoration: none !important; }';
//var cssEnc = 'data:text/css;base64,' + window.btoa(css);
var cssEnc = encodeURIComponent(css);
var cssUri = makeURI('data:text/css,' + cssEnc);
sss.loadAndRegisterSheet(cssUri, sss.USER_SHEET);
//when want to unregister run this:
//sss.unregisterSheet(cssUri, sss.USER_SHEET);

这将对所有站点应用样式表。我在下面的评论中询问了wlad如何使用@document使它成为网站规范

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21792863

复制
相关文章
wxpython-wxpython教程
wxPython是一个Python包装wxWidgets(这是用 C++ 编写),一个流行的跨平台GUI工具包。由Robin Dunn以及Harri Pasanen开发,wxPython是作为一个Python扩展模块。
全栈程序员站长
2022/08/26
1.3K0
wxpython使用简介_wxPython 教程(一) 简介[通俗易懂]
应用(application)是用来执行特定任务或一组任务的电脑程序。网页浏览器、媒体播放器、文字处理程序都是典型的应用样例。不同应用可以划分至四种不同的应用领域:
全栈程序员站长
2022/08/31
3.6K0
wxpython使用简介_wxPython 教程(一) 简介[通俗易懂]
wxpython中文教程_wxPython快速入门教程
frame = wx.Frame(None, wx.ID_ANY, “Hollo World”)
全栈程序员站长
2022/08/31
1.1K0
wxpython入门教程_wxPython 入门教程
这篇文章是关于 wxPython,但 wxPython 实际是两件事物的组合体:Python 脚本语言和 GUI 功能的 wxWindows 库(关于 wxWindows 的介绍,请参阅 developerWorks上的 “细述 wxWindows” )。wxWindows 库是为了最大可移植性的 C/C++ 库,而抽取 GUI 功能。所以 wxWindows 应用程序与生俱来地可以运行在 Windows、带 X、KDE 或 Gnome 的 UNIX 或者 wxWindows 已移植到的平台上(很不幸,还不包括 Macintosh)。当然 Python, 作为脚本引擎,具有很强的移植性( 可以 运行在 Macintosh 上,但如果您想要编写桌面 GUI 代码,它是不行的)。把 wxWindows 与 Python 脚本语言组合起来,意味着:wxPython 应用程序不仅快速和易于编写,而且可以在不作任何更改情况下,运行在 Windows 或 UNIX 环境下。
全栈程序员站长
2022/08/31
9630
wxPython入门中文版 (Getting Started with wxPython)
本文翻译自http://wiki.wxpython.org/Getting%20Started 首先声明:本人还是个菜鸟,翻译只是为了学习,就当作记笔记了。水平有限,错误和疏漏在所难免,希望各路高手能够给予指导。而且简单查了一下,好像中文世界目前还没有完整的翻译 Getting Started with wxPython 的。
全栈程序员站长
2022/08/31
5.5K0
wxPython入门中文版 (Getting Started with wxPython)
wxPython教程(二)
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/143585.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/31
1.4K0
wxPython绘图API
GDI+(图形绘制接口),CoreGraphics和Cairo库形成wxPython绘图API的框架。wx.GraphicsContext是主要绘制对象,使用它来创建各种设备上下文对象。
软件架构师Michael
2022/11/23
9240
wxPython教程(一)
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/143153.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/25
1.4K0
wxpython 教程 pdf_活学活用wxPython 完整版PDF
我们将《活学活用wxPython》分成了三个部分。第一部分简要介绍wxPython的相关概念,并指导读者开始运用wxPython,同时还提供了一些wxPython最佳实践的信息。第一部分的章节包括:
全栈程序员站长
2022/08/31
1.3K0
wxPython树控件
树(tree)是一种通过层次结构展示信息的控件,如下图所示是树控件示例,左窗口中是树控件,在wxPython中树控件类是wx.TreeCtrl。
全栈程序员站长
2022/07/09
7930
wxPython 入门教程.
这篇文章是关于 wxPython,但 wxPython 实际是两件事物的组合体:Python 脚本语言和 GUI 功能的 wxWindows 库(关于 wxWindows 的介绍,请参阅 developerWorks上的 [ “细述 wxWindows”
全栈程序员站长
2022/08/26
1.1K0
Deepin安装wxpython教程
解决: 1.sudo apt-get install libgtk-3-dev -y
全栈程序员站长
2022/08/31
1.4K0
Deepin安装wxpython教程
wxpython显示静态文本
wx作为一个GUI图形界面的模块一定要显示文本。 先显示静态文本吧。 wxpython中wx.StaticText可以显示静态文本。
里克贝斯
2021/05/21
2.4K0
wxpython显示静态文本
wxpython自定义控件_wxPython 教程(十三) 自定义控件
本节讲述 wxPython 自定义控件 。GUI Toolkits 会提供多数常用的部件,比如按钮、文本控件、滚动条、滑块等等。wxPython 也会提供很多控件,但若需要更定制化的控件还是需要开发者自己编写。
全栈程序员站长
2022/08/26
1.4K0
Python|利用wxpython实现GUI编写
GUI即图形用户界面(Graphical User Interface),即计算机展示的每一个窗口。往往一个界面是连接很多API的载体,后台可能有多种语言支撑。但与语言种类没有关系,几乎每一种语言都可以编写出GUI。
算法与编程之美
2020/04/01
1.4K0
Python|利用wxpython实现GUI编写
Python wxPython基本教程「建议收藏」
Python wxPython在资源上比较小,而且官方文档也不好找,wxPython在python 2.x和python 3.x安装上有区别: 以下为python3.x安装为例: 1.网上下载whl文件安装:路径:https://wxpython.org/Phoenix/snapshot-builds/ 文件名解释: wxPython_Phoenix-3.0.3.dev2812+b3485d4-cp35-cp35m-win_amd64.whl cp35代表python版本3.5 然后用pip安装即可完成安装。
全栈程序员站长
2022/08/31
1.9K0
wxPython:Python首选的GUI库 | CSDN博文精选
跨平台的GUI工具库,较为有名的当属GTK+、Qt 和 wxWidgets 了。GTK+是C实现的,由于C语言本身不支持OOP,因而GTK+上手相当困难,写起来也较为复杂艰涩。Qt 和 wxWidgets 则是C++实现的,各自拥有庞大的用户群体。虽然我喜欢wxWidgets,但还是尽可能客观地搜集了关于Qt 和 wxWidgets 的对比评价。
AI科技大本营
2019/11/12
3K0
Python3.7 环境下安装wxPython教程
注意:wxpython的版本一直在更新,所以下载最新版本就行了。另外,不要去其他的小网站下载这些whl文件,很容易出错,有官方就去官方的。
全栈程序员站长
2022/08/25
3.8K1
Python3.7 环境下安装wxPython教程
如何在 wxPython 中创建多个工具栏
作为C++库wxWidgets的包装器,wxPython允许Python开发人员利用这个成熟且经过实战测试的框架的强大功能。它具有各种平台的本机外观和感觉,包括Windows,macOS和Linux。使用 wxPython,您可以使用各种小部件(例如按钮、文本控件,当然还有工具栏)设计具有视觉吸引力且响应迅速的桌面应用程序。
很酷的站长
2023/08/11
2920
如何在 wxPython 中创建多个工具栏
wxpython GUI界面显示jpg图片
# show a jpeg (.jpg) image using wxPython, newer coding style two different ways to load and display are given tested with Python24 and wxPython25 vegaseat 24jul2005 import wx import cStringIO class Panel1(wx.Panel): """ class Panel1 creates a panel
代码伴一生
2021/11/01
1.5K0

相似问题

wxPython线程下载

12

在哪里可以下载wxPython?我有Ubuntu

41

wxPython wxListBox包含

11

Mac上的wxPython和PyCharm

119

默认情况下,可以在FlagsProperty wxPython PropertyGrid中展开wxPython吗?

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文