问题标签 [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.
html - CSS 时尚弹出背景
我对 CSS 非常非常糟糕(我根本不懂语法),我只是在用我的知识来修改代码。我正在使用带有 Stylish 插件的 Chrome,并且我想根据自己的喜好制作黑暗的维基百科。我从时尚中获取了一些代码,只是改变了颜色,但现在这是我必须添加东西的新东西,所以我被卡住了。它显然是用铬制成的,所以它是临时的。这是我的问题:
我的问题是如何使那个盒子像#555 颜色一样不透明,而不破坏其他所有东西。
这是我正在使用的代码:pastebin.com
css - CSS规则只影响某些元素?
我正在尝试为 blender.stackexchange 创建一个自定义的时尚主题,但是这些规则只影响我在 FF 29.0.1 中的一些标签
据我所知,所有标签元素都具有相同的类/父元素/等,但只有一些受到时尚样式表的影响。
我用于测试的完整时尚主题:
悬停时所有标签都变为红色,但只有一些标签不在光标下时变为红色。为什么是这样?
这是未覆盖的标签之一的示例:
还有一个是(尽管根据检查员的说法,它不是!?):
有趣的是,我在 SO 上尝试了这个,它按预期工作。
regex - 在 Stylish 中使用 RegEx 获取类似匹配的 URL 前缀?
我正在使用Stylish为 Facebook 编写自定义 CSS 。
一切都很顺利,除了我需要在 URL 后缀的条件下有一些自定义值。唯一接近的是 URL 前缀,它正好相反。
所以我想知道我是否可以做类似的事情:
检测 URL 是否像:
www.facebook.com/*/posts
或者只是 */post
其中 * 可以是任何值。是否可以通过 RegEx 做到这一点?我用谷歌搜索了它,但我无法从中得到任何东西。
我只想在查看一些单独的 Facebook 帖子时应用一些 CSS 代码,并且 URLbar 显示:
因此,我只想检测 Post 或 post/postID.php 是否存在并应用样式。
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 条件)。
css - 键入 URL 时如何设置#navigator-toolbox 和子项的样式?
我已经为 FF 的Stylish插件制作了一个简单的 CSS,#navigator-toolbox
当我悬停在主窗口时它会隐藏,而当我不在时会显示它。
这会产生一种简洁、即时的自动隐藏效果,因为我可以触摸屏幕的上边缘,只要指针悬停在它上面,工具箱就会显示出来。不过,我有一个小问题:我希望在输入 URL 时显示工具箱,因为当快速瞄准 URL 栏时,我的指针经常跳回主窗口而我不能看看我在输入什么。
由于 CSS 中缺少父选择器,这有可能实现吗?你对如何使它工作有什么建议吗?
这是 CSS,仅在具有经典主题且没有建议的 FF30 中有效(可能):
很抱歉它这么丑,但我不太懂CSS;我在需要时查找特征,这是大量实验的结果。如果您有关于如何彻底改造它的提示,我也很高兴听到它。
当 URL 输入具有焦点时,如何使工具箱保持可见?
PS:床单也让吧台变得非常纤细,去除了装饰品等,但我认为它是做什么的很明显。
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 ...
css - 我可以使用 CSS“unicode-range”在整个(第三方)页面上指定字体吗?
我从来没有精通 CSS,但我认为我以前没有遇到过这种情况。
我正在考虑使用时尚将 CSS 添加到我无法直接控制的第三方网站。所以 HTML 和 CSS 并没有真正为我想做的那种自定义设置。
我希望调整的网站不允许对字体进行良好控制,但它的一些页面(用户创建)大量使用了一些奇异的 Unicode 范围(例如高棉),我的操作系统/浏览器组合选择了一种糟糕的字体:
我是否可以制定一个 CSS 规则,将其应用于某个 Unicode 范围内的页面中的所有文本,以将其设置为已知的良好字体,而无需深入研究页面 HTML/DOM 的结构?
(或者unicode-range
只是为了用 webfonts 做一些不同的事情?
css - 时尚的 CSS 没有效果?时尚的 CSS 顺序?
这是网站的 CSS:
这是我的时尚 CSS:
但该网站仍在使用 5px。
css - 如何在chrome中突出显示文本
我想在 chrome 中突出显示一些文本,但有条件地。该网站对页面上的每个元素都使用这种类型的代码,我想突出显示长度低于 1:00:00 的那些
PS:我知道数字不相加,这是一个例子;)
如果可能的话,我想用时尚的 css 做到这一点,但真的不知道这是否可能以及如何在 css 中制作条件。
谢谢您的帮助。
css - 有没有办法了解为什么 Firefox 选择 CSS 选择器而不是其他选择器?
我在文档检查器窗口中,并选择了元素并检查了侧面的“计算”选项卡。但这仅向我显示了该属性可用的值以及选择了哪个值,而不是为什么选择该值。
基本上,我正在尝试使用 Stylish 脚本设置属性width
(到元素,因为它确实出现在“计算”窗格中,尽管被划掉了)。站点的 CSS 表和我的 Stylish 脚本都使用此属性的后缀。所以,我想知道为什么该网站的属性设置被选择而不是我的。.class1
tr td.class1.class2.class3[style]
!important