问题标签 [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 投票
1 回答
818 浏览

html - CSS 时尚弹出背景

我对 CSS 非常非常糟糕(我根本不懂语法),我只是在用我的知识来修改代码。我正在使用带有 Stylish 插件的 Chrome,并且我想根据自己的喜好制作黑暗的维基百科。我从时尚中获取了一些代码,只是改变了颜色,但现在这是我必须添加东西的新东西,所以我被卡住了。它显然是用铬制成的,所以它是临时的。这是我的问题:

http://imgur.com/a/9IYI3

我的问题是如何使那个盒子像#555 颜色一样不透明,而不破坏其他所有东西。

这是我正在使用的代码:pastebin.com

0 投票
2 回答
161 浏览

css - CSS规则只影响某些元素?

我正在尝试为 blender.stackexchange 创建一个自定义的时尚主题但是这些规则只影响我在 FF 29.0.1 中的一些标签

据我所知,所有标签元素都具有相同的类/父元素/等,但只有一些受到时尚样式表的影响。

我用于测试的完整时尚主题:

悬停时所有标签都变为红色,但只有一些标签不在光标下时变为红色。为什么是这样?

这是未覆盖的标签之一的示例:

在此处输入图像描述

还有一个是(尽管根据检查员的说法,它不是!?):

在此处输入图像描述

有趣的是,我在 SO 上尝试了这个,它按预期工作。

0 投票
1 回答
3135 浏览

regex - 在 Stylish 中使用 RegEx 获取类似匹配的 URL 前缀?

我正在使用Stylish为 Facebook 编写自定义 CSS 。
一切都很顺利,除了我需要在 URL 后缀的条件下有一些自定义值。唯一接近的是 URL 前缀,它正好相反。

所以我想知道我是否可以做类似的事情:

检测 URL 是否像:
www.facebook.com/*/posts 或者只是 */post

其中 * 可以是任何值。是否可以通过 RegEx 做到这一点?我用谷歌搜索了它,但我无法从中得到任何东西。

我只想在查看一些单独的 Facebook 帖子时应用一些 CSS 代码,并且 URLbar 显示:

因此,我只想检测 Post 或 post/postID.php 是否存在并应用样式。

0 投票
1 回答
758 浏览

regex - Stylish 中网站特定部分的正则表达式

是否可以将时尚风格应用于: http ://www.baka-tsuki.org/project/index.php?title=WHATEVER1:WHATEVER2和(HTTPS 版本)https://www.baka-tsuki.org /project/index.php?title=WHATEVER1:WHATEVER2

鉴于:

WHATEVER1 必须满足不属于以下任何字符组合的条件:Category、User、Meeting、User_talk、Baka-Tsuki、Special、Help、Template、Template_talk、Talk

WHATEVER2 必须满足不属于以下任何字符组合的条件:Registration_Page、Updates、Archive

WHATEVER2 必须满足不以下列任何字符组合结尾的条件:&action=edit、&action=history、&action=info、&printable=yes

我试过了:

但是 (?!(Registration_Page|Updates|Archive)) 和 (?!(&action=history|&action=edit|&action=info|&printable=yes)) 部分似乎不起作用(WHATEVER2 条件)。

0 投票
1 回答
1014 浏览

css - 键入 URL 时如何设置#navigator-toolbox 和子项的样式?

我已经为 FF 的Stylish插件制作了一个简单的 CSS,#navigator-toolbox当我悬停在主窗口时它会隐藏,而当我不在时会显示它。

这会产生一种简洁、即时的自动隐藏效果,因为我可以触摸屏幕的上边缘,只要指针悬停在它上面,工具箱就会显示出来。不过,我有一个小问题:我希望在输入 URL 时显示工具箱,因为当快速瞄准 URL 栏时,我的指针经常跳回主窗口而我不能看看我在输入什么。

由于 CSS 中缺少父选择器,这有可能实现吗?你对如何使它工作有什么建议吗?

这是 CSS,仅在具有经典主题且没有建议的 FF30 中有效(可能):

很抱歉它这么丑,但我不太CSS;我在需要时查找特征,这是大量实验的结果。如果您有关于如何彻底改造它的提示,我也很高兴听到它。

当 URL 输入具有焦点时,如何使工具箱保持可见?

PS:床单也让吧台变得非常纤细,去除了装饰品等,但我认为它是做什么的很明显。

0 投票
1 回答
199 浏览

css - 时尚的附加组件:border-radius 属性破坏了我的 CSS

我正在使用 Stylish 浏览器扩展为网站创建自定义深色主题。在最近的一次更新中,网站所有者想出了很多东西的圆角,在我看来这很难看,尤其是输入字段。但是,当我尝试border-radius: 0px !important;使用 Stylish 申请时,输入字段会发疯。它适用于常规 div 之类的东西,但不适用于任何类型的输入,无论是常规<input type=text>的,a<textarea>甚至是 a 之类的东西<select>

这是没有我的自定义 CSS 的文本区域的样子:

在此处输入图像描述

这就是我的自定义 CSS 的样子:

在此处输入图像描述

border-radius: 0px !important;这是我添加到我的 CSS时的样子:

在此处输入图像描述

应用时border-radius: 0px,所有其他border属性background都将被忽略。甚至没有使用网站的原生 CSS 属性。浏览器只是使用标准外观,就像根本没有为 textarea 定义 CSS 规则一样。color虽然仍然有效。

就像border-radius打算改变一切。如果我只添加它:hover,输入字段只会在悬停时发疯。我什至不必使用0px:即使我使用与6px网站原生 CSS 相同的内容,也会出现问题。

这是我的整个 CSS 规则:

真正奇怪的是,border-radius: 0px使用火狐开发者工具添加时没有引起任何问题,所以看起来是时尚的问题。

是什么导致了这种疯狂?我该如何解决?有解决方法吗?我唯一的想法是使用添加属性的自定义 JS ...

0 投票
2 回答
8138 浏览

css - 我可以使用 CSS“unicode-range”在整个(第三方)页面上指定字体吗?

我从来没有精通 CSS,但我认为我以前没有遇到过这种情况。

我正在考虑使用时尚将 CSS 添加到我无法直接控制的第三方网站。所以 HTML 和 CSS 并没有真正为我想做的那种自定义设置。

我希望调整的网站不允许对字体进行良好控制,但它的一些页面(用户创建)大量使用了一些奇异的 Unicode 范围(例如高棉),我的操作系统/浏览器组合选择了一种糟糕的字体:

两个木偶

我是否可以制定一个 CSS 规则,将其应用于某个 Unicode 范围内的页面中的所有文本,以将其设置为已知的良好字体,而无需深入研究页面 HTML/DOM 的结构?

(或者unicode-range只是为了用 webfonts 做一些不同的事情?

0 投票
1 回答
206 浏览

css - 时尚的 CSS 没有效果?时尚的 CSS 顺序?

这是网站的 CSS:

这是我的时尚 CSS:

但该网站仍在使用 5px。

0 投票
1 回答
122 浏览

css - 如何在chrome中突出显示文本

我想在 chrome 中突出显示一些文本,但有条件地。该网站对页面上的每个元素都使用这种类型的代码,我想突出显示长度低于 1:00:00 的那些

PS:我知道数字不相加,这是一个例子;)

如果可能的话,我想用时尚的 css 做到这一点,但真的不知道这是否可能以及如何在 css 中制作条件。

谢谢您的帮助。

0 投票
1 回答
73 浏览

css - 有没有办法了解为什么 Firefox 选择 CSS 选择器而不是其他选择器?

我在文档检查器窗口中,并选择了元素并检查了侧面的“计算”选项卡。但这仅向我显示了该属性可用的值以及选择了哪个值,而不是为什么选择该值。

基本上,我正在尝试使用 Stylish 脚本设置属性width(到元素,因为它确实出现在“计算”窗格中,尽管被划掉了)。站点的 CSS 表和我的 Stylish 脚本都使用此属性的后缀。所以,我想知道为什么该网站的属性设置被选择而不是我的。.class1tr td.class1.class2.class3[style]!important