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

css - 如何选择 * 但排除?还是设置为默认样式?

浏览器通常为元素设置不同的默认样式。用户还可以使用 自定义样式表覆盖默认值。

我经常使用自己的样式覆盖这些默认样式,例如:

但是,我希望尊重某些元素属性的默认样式表,例如<body>的默认填充和边距。我试过:

但它不起作用。也没有initial

有没有办法通过选择所有元素但不包括来解决这个问题<body>

0 投票
0 回答
143 浏览

css - Firefox 忽略用户样式的边框,除非我没有指定所有四个边

我正在尝试使用 Firefox 27.0.1 中的 Stylish为该页面编写用户样式。我到目前为止的样式表是:

问题在于最后一条规则,它应该会影响流标题下方的“关注”按钮。(在我的例子中,它是一个“跟随”按钮,但无论哪种方式,规则都会对其产生影响。)应用于它的样式都没有任何效果。但是,如果我注释掉任何一种“边框”样式,其他的(包括“背景”和“颜色”)就会突然起作用。简单地指定border: 2px #AAA solid !important;也会导致整个规则被忽略。这里发生了什么?

0 投票
1 回答
155 浏览

css - 如何重新设计网站以围绕侧边栏流动内容?

我正在尝试编写用户样式来重新格式化另一个网站(没有机会更改 html)。

目前,该网站的主要内容位于左侧,右侧是全高侧边栏。

我已经使用 CSS 删除了大部分侧边栏内容,现在希望将主要内容扩展以填充侧边栏下方区域的宽度。

如果我可以控制 HTML 源代码,我会先将侧边栏放在样式中的“float: right”,但我无法控制源代码,并且侧边栏div位于主要内容之后。

传统上这不能在 CSS 中完成,但现在可以使用 CSS3 完成吗?如果是这样怎么办?

我实际尝试设置样式的页面是 TripAdvisor 论坛页面,例如这个页面,但尝试将它们用作示例过于复杂,因此我创建了这个非常简单的网页来玩:

通过内容上方的侧边栏,我得到了所需的格式

0 投票
3 回答
3313 浏览

css - CSS:我如何才能将 2 个彼此相邻的元素(内联块)居中,仅与其他元素共享一个容器?

我正在为网站创建用户样式,所以我不能更改任何 HTML,只能更改纯 CSS。

我想让 h3 和 p 彼此相邻并位于容器的水平中心。所以,我给了他们两个 display:inline-block 和 text-align:center。这使它们彼此相邻,但不是水平居中。text-align:center 仅在应用于容器时才有效,但这将使整个站点的其他元素的所有文本居中。

我对 CSS 比较陌生,我一直在寻找一种方法来做到这一点,但无济于事。

0 投票
0 回答
64 浏览

css - 仅在文本溢出的地方应用 CSS?

是否可以仅在文本溢出时将 CSS 应用于元素?

例如,我text-overflow: ellipsis;用来截断长行并希望(例如)在文本溢出时将 div 着色为红色

由于这是一种用户风格(确切地说是时尚),因此它必须在 CSS 中实现

(对于那些想知道的人,我实际上是在尝试让文本在悬停时选中。到目前为止它可以工作,但即使文本没有溢出也可以选中)

0 投票
1 回答
1148 浏览

css - 如何使 Firefox #urlbar 居中?

在 Firefox 导航栏中,我只有一侧的后退/前进按钮
和另一侧的 urlbar 的菜单按钮。
现在我想使用自定义用户样式将 urlbar 水平居中在导航栏的剩余空间上。

在我的 CSS 中,我添加了以下代码:

但这不起作用。你能指出我正确的方向吗?

谢谢!

0 投票
1 回答
211 浏览

css - Chrome DevTools 中的用户样式表从何而来?

此问题在 Chrome 版本 39.0.2171.95 m 下。

Chrome DevTools 中的样式侧面板显示用户样式表

所以我有上面的。您可以看到元素(它是一些文本)有一个color集合(通过 .css 文件) - 但是,用户样式表将背景设置为相同的颜色。这段代码:

它不能被禁用,我在代码中的任何地方都找不到它。这可能是从哪里提取的?它不在我的 .css 或我的 .php 脚本中。如果不在 .css 文件中,用户样式表从何而来

0 投票
3 回答
4238 浏览

html - 如何强制显示图像的替代文本而不是图像?

有一个网站我有兴趣阅读它的文字,但是伴随它的图像可能包含我不想看到的内容。我正在尝试使用 Firefox 扩展 Stylish 为该网站添加规则。

以下 CSS 规则几乎可以按照我的意愿工作:

(注释行是另一种选择;我知道这两个选项之间的区别)

同时,我更喜欢保留图像的替代文本,因为它可以帮助我确定特定图像是否是我想看到的。

有没有办法添加一个 CSS 规则来隐藏图像但显示它的替代文本,假设后者已设置?

0 投票
1 回答
96 浏览

regex - Firefox 可以在标签标题中显示名称之前的图像分辨率吗?

问题:

Firefox 可以在标题中的名称之前显示图像的分辨率吗?如果图像的名称太大,我无法读取其分辨率,这让我很烦恼。

由 supasd 询问

我做了一些研究,还没有成功。

你们中有人会碰巧知道怎么做吗?最聪明/最有效的方法是什么?可以用用户风格来完成吗?还是需要用户脚本或附加组件?随意提供任何类型的建议或解决方案,无论是用户风格还是其他。

0 投票
1 回答
4434 浏览

css - 如何将用户 CSS 附加到 Microsoft Edge?

在 Internet Explorer 中,我可以附加我自己的 CSS:例如,在 IE 11 中,使用工具 → Internet 选项 → 常规选项卡 → 外观部分 → 辅助功能 → 用户样式表 → 使用我的样式表格式化文档 ( http://i.stack.imgur .com/gwHYs.png)。在其他浏览器中,我使用 Stylish 等插件。

有没有办法在 Microsoft Edge 中做同样的事情?如果不是通过界面选项,那么可能是通过编辑其文件、注册表或其他方式?