问题标签 [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.
css - 如何选择 * 但排除?还是设置为默认样式?
浏览器通常为元素设置不同的默认样式。用户还可以使用 自定义样式表覆盖默认值。
我经常使用自己的样式覆盖这些默认样式,例如:
但是,我希望尊重某些元素属性的默认样式表,例如<body>
的默认填充和边距。我试过:
但它不起作用。也没有initial
。
有没有办法通过选择所有元素但不包括来解决这个问题<body>
?
css - Firefox 忽略用户样式的边框,除非我没有指定所有四个边
我正在尝试使用 Firefox 27.0.1 中的 Stylish为该页面编写用户样式。我到目前为止的样式表是:
问题在于最后一条规则,它应该会影响流标题下方的“关注”按钮。(在我的例子中,它是一个“跟随”按钮,但无论哪种方式,规则都会对其产生影响。)应用于它的样式都没有任何效果。但是,如果我注释掉任何一种“边框”样式,其他的(包括“背景”和“颜色”)就会突然起作用。简单地指定border: 2px #AAA solid !important;
也会导致整个规则被忽略。这里发生了什么?
css - 如何重新设计网站以围绕侧边栏流动内容?
我正在尝试编写用户样式来重新格式化另一个网站(没有机会更改 html)。
目前,该网站的主要内容位于左侧,右侧是全高侧边栏。
我已经使用 CSS 删除了大部分侧边栏内容,现在希望将主要内容扩展以填充侧边栏下方区域的宽度。
如果我可以控制 HTML 源代码,我会先将侧边栏放在样式中的“float: right”,但我无法控制源代码,并且侧边栏div
位于主要内容之后。
传统上这不能在 CSS 中完成,但现在可以使用 CSS3 完成吗?如果是这样怎么办?
我实际尝试设置样式的页面是 TripAdvisor 论坛页面,例如这个页面,但尝试将它们用作示例过于复杂,因此我创建了这个非常简单的网页来玩:
通过内容上方的侧边栏,我得到了所需的格式
css - CSS:我如何才能将 2 个彼此相邻的元素(内联块)居中,仅与其他元素共享一个容器?
我正在为网站创建用户样式,所以我不能更改任何 HTML,只能更改纯 CSS。
我想让 h3 和 p 彼此相邻并位于容器的水平中心。所以,我给了他们两个 display:inline-block 和 text-align:center。这使它们彼此相邻,但不是水平居中。text-align:center 仅在应用于容器时才有效,但这将使整个站点的其他元素的所有文本居中。
我对 CSS 比较陌生,我一直在寻找一种方法来做到这一点,但无济于事。
css - 仅在文本溢出的地方应用 CSS?
是否可以仅在文本溢出时将 CSS 应用于元素?
例如,我text-overflow: ellipsis;
用来截断长行并希望(例如)在文本溢出时将 div 着色为红色
由于这是一种用户风格(确切地说是时尚),因此它必须在 CSS 中实现
(对于那些想知道的人,我实际上是在尝试让文本在悬停时选中。到目前为止它可以工作,但即使文本没有溢出也可以选中)
css - 如何使 Firefox #urlbar 居中?
在 Firefox 导航栏中,我只有一侧的后退/前进按钮
和另一侧的 urlbar 的菜单按钮。
现在我想使用自定义用户样式将 urlbar 水平居中在导航栏的剩余空间上。
在我的 CSS 中,我添加了以下代码:
但这不起作用。你能指出我正确的方向吗?
谢谢!
css - Chrome DevTools 中的用户样式表从何而来?
此问题在 Chrome 版本 39.0.2171.95 m 下。
所以我有上面的。您可以看到元素(它是一些文本)有一个color
集合(通过 .css 文件) - 但是,用户样式表将背景设置为相同的颜色。这段代码:
它不能被禁用,我在代码中的任何地方都找不到它。这可能是从哪里提取的?它不在我的 .css 或我的 .php 脚本中。如果不在 .css 文件中,用户样式表从何而来?
html - 如何强制显示图像的替代文本而不是图像?
有一个网站我有兴趣阅读它的文字,但是伴随它的图像可能包含我不想看到的内容。我正在尝试使用 Firefox 扩展 Stylish 为该网站添加规则。
以下 CSS 规则几乎可以按照我的意愿工作:
(注释行是另一种选择;我知道这两个选项之间的区别)
同时,我更喜欢保留图像的替代文本,因为它可以帮助我确定特定图像是否是我想看到的。
有没有办法添加一个 CSS 规则来隐藏图像但显示它的替代文本,假设后者已设置?
regex - Firefox 可以在标签标题中显示名称之前的图像分辨率吗?
问题:
Firefox 可以在标题中的名称之前显示图像的分辨率吗?如果图像的名称太大,我无法读取其分辨率,这让我很烦恼。
我做了一些研究,还没有成功。
你们中有人会碰巧知道怎么做吗?最聪明/最有效的方法是什么?可以用用户风格来完成吗?还是需要用户脚本或附加组件?随意提供任何类型的建议或解决方案,无论是用户风格还是其他。
css - 如何将用户 CSS 附加到 Microsoft Edge?
在 Internet Explorer 中,我可以附加我自己的 CSS:例如,在 IE 11 中,使用工具 → Internet 选项 → 常规选项卡 → 外观部分 → 辅助功能 → 用户样式表 → 使用我的样式表格式化文档 ( http://i.stack.imgur .com/gwHYs.png)。在其他浏览器中,我使用 Stylish 等插件。
有没有办法在 Microsoft Edge 中做同样的事情?如果不是通过界面选项,那么可能是通过编辑其文件、注册表或其他方式?