问题标签 [userstyles]

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 回答
22 浏览

css - 其他用户看到具有相同用户样式表的 3rd 方网站

我有一组将使用 Web 数据库的用户。

理想情况下,我希望这些用户以我们创建的某些用户样式查看该网站(以便某些网站元素以不同方式显示,例如突出显示他们需要填写的字段)。这些用户是独立且远程的,这意味着我们无法真正访问他们的计算机来进行任何设置(例如为他们设置 Stylish)。

我想知道我们是否可以以某种方式创建一个包,该包将使用这种样式表显示网站,就好像它是一个应用程序而不是他们使用浏览器访问的网站一样。

这个想法是,通过打开这个“应用程序”,他们实际上是在打开一个专用的浏览器窗口到这个网页,在那里他们可以与之交互,不能导航(只是没有地址栏), 使用我提到的这个样式表。因此“好像它是一个应用程序”。

我希望我足够清楚。我什至不知道这会被称为什么(甚至不知道要使用什么标签),所以我的研究真的让我无处可去。关于如何完成这项工作的指导将不胜感激。如果有人对如何获得类似结果有更好的了解,我会很乐意进行实验!!

谢谢!

0 投票
1 回答
318 浏览

google-chrome - 时尚:从命令行“关闭所有样式”?

在黑暗环境和明亮环境中使用笔记本电脑之间切换时,我经常最终会执行约 5 种不同的手动操作,其中之一是单击Turn all styles offStylish 扩展工具栏按钮以禁用我的黑暗用户样式。我想以某种方式自动执行此操作,可能是绑定到热键的脚本。Turn all styles off有没有办法与单击命令行或其他方式来实现此目标具有相同的效果?我在 Ubuntu 上的 Chrome 中使用 Stylish。

0 投票
1 回答
1208 浏览

css - 全屏反转亮度过滤器,用于深色主题浏览,但在 CSS 中保留色调

我需要帮助来解决我快速而肮脏的黑暗浏览 CSS 过滤器的问题,该过滤器曾经运行良好,但不再适用于大多数谷歌页面,实际上是任何带有 div 的页面(我将其用作用户样式)。我绝不是程序员,只是患有严重的光致偏头痛的用户,并且绝对需要深色主题的网页来拯救我的眼睛,所以我对 CSS 的了解是可以理解的有限,抱歉:/ 这曾经是有效的:

它用于反转页面上的所有颜色,然后将色调向后旋转 180 度以保持色调相同,因此结果是网页的亮度反转(蓝色仍然是蓝色,橙色仍然是橙色等等,只是更亮的文本和深色背景上的口音)。然后我反转了对图像和视频的影响,以在最终结果中将它们从过滤器中排除。结果对我来说看起来足够优雅,并且比大多数暗浏览 chrome 扩展的结果要好。它曾经完美无瑕地工作,但最近发生了一些变化,任何带有 div 的页面,包括大多数谷歌页面,都有很大的白色背景部分与过滤器仍然适用的黑暗部分交织在一起。我怀疑过滤器在这些部分应用了两次,从而将其恢复为白色。

非常感谢您的帮助。我很确定使用 html 选择器将其应用于整个页面不再是这样做的方法,但我对如何使其工作一无所知,请原谅我的无知并提前感谢。

0 投票
0 回答
210 浏览

css - Chrome 扩展破坏了 CSS

我正在制作一个 Chrome 扩展,以将 Material Design 引入 Google 日历的 Web 版本。我使用 Stylish 和 Tampermonkey 进行更改,但是当我将所有内容放在一个包中并将包加载到 Chrome 中时,CSS 的很大一部分似乎完全被破坏了!

此处提供的用户样式: https ://userstyles.org/styles/126526/google-calendar-material-v3-0-beta

这里的用户脚本:https ://greasyfork.org/en/scripts/18878-google-calendar-web-material

以及此处的 Chrome 扩展程序:https ://chrome.google.com/webstore/detail/google-calendar-web-mater/cecnjahdgcpkhdgjbmiellinjbpamjgb

奇怪的是,并不是所有的东西都坏了。

我应该在每个 CSS 规则上使用 !important,还是问题出在其他地方?JS 似乎工作正常。

当我对 CSS 使用 Stylish 对 JavaScript 使用 Tampermonkey 时: 在此处输入图像描述

使用 Chrome 扩展程序时: 在此处输入图像描述

0 投票
1 回答
86 浏览

css - 时尚的 CSS 一页网站

有没有办法可以更改单页网站中各个选项卡的 CSS?我喜欢在 chrome 网上商店中使用“时尚”扩展来改变某些网站看起来我正在修改他们的 CS,但请记住,我在这方面非常缺乏经验并且仍在学习。

所以基本上发生的事情是页面中间有一些文本干扰了按钮的位置,我尝试通过以下方式隐藏它:

但由于该网站仅使用选项卡来显示内容并且没有任何其他链接,因此更改此设置也会更改其他选项卡中的内容。因此,如果我将 p 隐藏在一个选项卡中,其他选项卡也会受到影响,我只希望该选项卡隐藏 p。

0 投票
0 回答
175 浏览

css - userContent.css 不适用于 Firefox 中的 Slack

我正在尝试使默认的 Slack 字体更大。我正在使用 Firefox 的 userContent.css:

乳齿象部分就像一个魅力。然而,松弛部分拒绝工作,userContent.css 规则没有出现在任何给定元素的规则列表中。

0 投票
1 回答
191 浏览

userscripts - 较暗的 Google 用户脚本在 Tampermonkey 4.7 中不起作用

我正在尝试在 Tampermonkey 4.7(适用于 Safari 12)中安装Darker Google用户脚本,但它不起作用。

由于我是 Tampermonkey 的新手,我真的不知道该把手放在哪里。

在 Tampermonkey 的仪表板中,我看到此用户脚本与任何特定网站都不匹配,而例如Darker Facebook显示“* .facebook.com”并且它可以工作,但也许这只是一个错误的猜测。

用户脚本的开头是:

这让我觉得它应该匹配任何 *.google.com 网站......但事实并非如此。

0 投票
0 回答
37 浏览

css - 访问链接内图像的 CSS

我正在尝试a:visited imgYouTube的用户样式中使用,但它没有效果:

另一方面,如果我改用a:visitedand a img,它们可以正常工作:

为什么不起作用a:visited img

0 投票
2 回答
131 浏览

css - 我知道我想隐藏的 CSS 选择器——如何将“UserStyle”设置为“display:none”呢?

所以我在 Mac 和 iOS 上使用了一个叫做 1Blocker 的东西。我发现它非常有用。在 Mac 应用程序上,它有助于告诉您在 iOS 应用程序中创建的规则。

该网页现在在我所有设备上的 Safari 上看起来都很完美。

但我也使用 Fluid 应用程序,一个特定于站点的浏览器。1Blocker 不影响这一点。

它具有执行UserScriptsUserStyles的功能。

我的目标是隐藏以下 CSS 选择器 #rhf-container .rhf-border

我在UserStyles中写什么来实现这一点?

我的尝试在这里:

代码截图

这是请求的页面截图

0 投票
1 回答
370 浏览

html - 如何在不使用第三方浏览器扩展的情况下使用用户样式表来自定义某些网站的样式?

我知道Stylus和 Stylish(不推荐)浏览器扩展可以重新设置给定网站的样式(基本上是通过自定义 CSS)。

此评论中,作者指出这可以通过“用户样式表”来完成。

如何使用“用户样式表”来修改 www.example.com 的样式和 www.example2.com 的不同样式?

它是否可以在不需要第三方浏览器扩展的情况下完成,如果是这样,我们应该如何/在浏览器选项中的何处添加我们的自定义 CSS?