问题标签 [stylish]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3233 浏览

css - Trouble getting a Stylish code to be page or domain-specific in Firefox?

How do I make this Stylish code apply to only the domain plus.google.com in Firefox?

In Chrome, the Stylish extension allows you to specify for what domain a style should apply - but the Stylish extension for Firefox doesn't let you specify that as part of the extension.

I tried using @-moz-document rules as described on this page, but that didn't seem to work.

Here's the code that I used - it is (despite my attempts) not specific to the plus.google.com domain:

Please help?

0 投票
2 回答
412 浏览

css - 如何设置橙色 Firefox 按钮上显示的图标大小?

这是用户样式代码的一部分,用于在橙色 Firefox 按钮上显示一个图标(一个小 Firefox)和一个名为FlipClock的附加组件。

我想chrome://branding/content/icon16.png用另一个图像替换(小火狐)。但是,我申请的图像太大了。

如何设置它的大小?
谢谢!

0 投票
2 回答
2486 浏览

css - 指定不影响时尚风格的@-moz-document 的网址

@-moz-document url-prefix(http://)使用时尚,您可以使用例如指定域。

这适用于所有 URL。有没有办法指定您希望样式影响哪些 URL?这意味着您可以拥有一个全局样式表,该样式表会影响除指定 URL 之外的所有内容,在该 URL 中您要使用另一个样式表。

0 投票
1 回答
602 浏览

css - 使用 CSS 的标题自动编号适用于除顶级之外的所有内容

我一直在尝试使用标准 CSS 计数器机制在我的 Mindtouch wiki 中实现标题自动编号。CSS 被应用到在 Chrome 中带有 Stylish 扩展的网站。

奇怪的是,顶级标题(在我的例子中是 h2;h1 是为页面标题保留的)不能正常工作,但其他一切都是。这是我在测试页面上得到的输出:

我不确定是什么可能导致这种情况发生,甚至不知道如何追踪它。如果有人有一些指示,我将不胜感激。

在 jsfiddle 上,相同的 CSS 和相同的 HTML 可以获得所需的结果。(1, 2, 2.1, 2.2, 2.2.1, 2.2.2, 2.3, 3)

这是我正在使用的 CSS(直接从 Stylish 粘贴):

最后,这是直接来自示例 wiki 页面的 HTML,以防万一无关紧要的垃圾产生影响(它似乎对 jsfiddle 没有任何影响)。

0 投票
1 回答
6502 浏览

css - 用时尚或 Chrome 用户脚本替换网站上的“Helvetica”字体?

我对使用 Helvetica 字体和 Helvetica Neue 的网站有疑问。
我尝试获得一些帮助来修复它,但它显然是我的 Linux 安装的问题。

由于我自己无法修复它,我想为我的 Chrome 浏览器编写用户样式(时尚)或用户脚本,以检测使用 Helvetica 或 Helvetica Neue 的网站。
如果使用了这些字体,则将它们替换为其他字体。

这怎么可能实现?

0 投票
1 回答
550 浏览

html - 如何为 Google Chrome 和 Google Tasks 网站创建用户样式?

我想为 Google Chrome 创建一个时尚脚本,它将更改Google Tasks 页面<textarea>上的注释大小。

我要设置样式的元素是:


目前我的时尚脚本看起来像这样。

由于某种原因,它不起作用。

0 投票
1 回答
941 浏览

css - 使用 CSS 更改框架的样式

我正在从测试和试用中学习一些 CSS,但无法通过网络搜索找到解决此特定问题的方法。

我帮助一个正在学习英语的人,她在一个小屏幕上使用了大量的谷歌翻译。我已经能够使用以下内容隐藏 Google 的工具栏和烦人的“下载 Google Chrome”弹出窗口(我使用的是 Stylish):

问题是:它们是隐藏的,但翻译后的网站留在框架上,顶部的空间从 70 像素到 160 像素不等。我正在谈论的相应代码在这里:

这是我在搜索后能想到的最好的方法,但不起作用:

谢谢!

0 投票
1 回答
2163 浏览

css - 如何使用 Stylish 更改 Google Tasks 中的字体?

因此,我将 Arial 从我以前的 Windows 发行版中转移到 Linux 上,但随后我不得不与12px Arial 问题作斗争。我按照建议通过将其调整为 13px 来修复它,但我决定实际上我更喜欢 Liberation Sans 中的 Google 日历,就像我以前拥有它一样。我已经使用 Stylish 来修复日历主要部分的问题,但我无法让 Google Tasks 部分使用 Liberation Sans,因为它使用了更复杂/奇怪的 CSS 选择器。Firebug 说 Tasks 部分的字体系列由div#:x.tl.UHTML定义

但使用

甚至

不会产生任何结果。对于主要(月 / 2 周视图)部分,

工作正常(完全改变谷歌用来定义字体系列的元素)。如何使用这些选择器?我确实知道一些 CSS,但这种复杂性超出了我的范围。(另外,如果有人可以解释不同的“。,:”等部分是什么意思......?)

编辑:不仅仅是任务部分,周视图还显示了 Arial 和 Liberation Sans 的混合。我也为 body 元素定义了字体系列,但这似乎并没有真正继承......有什么比在页面中查找 Arial 的每一个声明并手动替换它更好的想法吗?

0 投票
17 回答
274482 浏览

css - 使用 CSS 检测输入中是否包含文本——在我正在访问且无法控制的页面上?

有没有办法通过 CSS 检测输入是否有文本?我尝试过使用:empty伪类,也尝试过使用[value=""],但都没有奏效。我似乎找不到一个单一的解决方案。

:checked我想这一定是可能的,考虑到我们有, 和的伪类:indeterminate,它们都是类似的东西。

请注意:我这样做是为了“时尚”风格,它不能使用 JavaScript。

另请注意,在客户端,在用户无法控制的页面上使用 Stylish。

0 投票
0 回答
333 浏览

css - 时尚的 userChrome 动画

我正在搞乱 Firefox 的时尚,试图做一些涉及动画的花哨的 userchrome 东西。我的用户样式尝试制作一个按钮组,当鼠标悬停时平滑滑入,而不是平滑滑出,它特定于由 Facebook 服务插件创建的按钮,在此处找到https://www.facebook.com/ about/messenger-for-firefox但应该很容易通过正确的 CSS 选择器适应其他按钮。

这是仅隐含滑出的用户样式:

它非常适合滑出,但是当我添加一行代码以滑回时:

一切都崩溃了,没有任何动画功能,当悬停和不悬停时,按钮会立即出现和消失。

有没有办法实现我想要的双向滑动效果,如果有,是什么?