标签: stylish

有没有办法通过CSS检测输入中是否有文本？我已经尝试过使用:empty伪类,我尝试过使用[value=""],但两者都没有用.我似乎无法找到一个解决方案.

我想这一定是可能的,考虑到我们有伪类:checked,并且:indeterminate两者都是类似的东西.

请注意:我这样做的是"时尚"风格,无法使用JavaScript.

另请注意,在用户无法控制的页面上使用Stylish,客户端.

我昨晚升级到Firefox 61,我的自定义时尚主题没有应用.看看时尚我看到代码部分有标志

Unknown @ rule:@ -moz-document

代码是:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("outlook.office.com") {
.ms-border-color-themeSecondary, .ms-bcl-ts, .ms-border-color-themeSecondary-hover:hover, .ms-border-color-themeSecondary-focus:focus, .ms-border-color-themeSecondary-before::before, .ms-bcl-ts-h:hover, .ms-bcl-ts-f:focus, .ms-bcl-ts-b::before{
  border-color:red;
  }


._cb_l2{
  border-bottom-style: solid;
  border-bottom-width: 3px;
}

._cb_n2{
  z-index: 10;
}

@U._cb_s2{
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

  ._cb_u2{
    z-index: 10;
  }
}

是否有一种简单的方法可以用@-moz-document保留样式功能的东西替换线？

我正在使用一个firefox插件的Stylish编写代码来改变显示的图像.

image属性没有div标签,所以我必须使用它:

img[src*="s_dschjungelplanet"]{
##########
}

因此,这将在img src中的页面中的任何位置替换"s_dschjungelplanet".

所以我的主要问题是我不知道如何告诉它替换src ="xxx".

Ta回复

我试图用Stylish覆盖网站的背景,但它无法正常工作.该网站的背景css也有一个!重要的,它是压倒时尚的.

我的代码:

body {
  background-image: none !important; 
  background: black !important;
}

有帮助吗？

我想将时尚主题应用于所有inpux盒子,textareas和选择盒子,所以我写道:

@namespace url(http://www.w3.org/1999/xhtml);
textarea, input, select {
  background-color: white !important;
  color: black !important;
}

我的理解是,这只适用于网页,但它也会影响URL栏,将其变为白色.有没有办法让它不影响URL栏？

我正在使用Firefox Nightly(版本43).

更新

如果你想让GTK3 Firefox看起来是一个黑暗的主题,最终的解决方案是一个时尚的配置:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix('http://'), url-prefix('https://') {
  textarea, input, select {
    background-color: white !important;
    color: black !important;
  }
}

奇迹般有效.

G'day大家,作为狂热的firefox用户,我使用时尚和Greasemonkey等插件来修改页面的默认样式.但是,浏览器的view-> page source选项仅显示原始形式的页面,而不是脚本或样式操作后的当前表单.有什么方法可以根据浏览器上显示的内容而不是服务器发送的原始页面来查看页面的来源？任何建议将不胜感激.谢谢.

保罗布拉德

有了时尚,您可以使用@-moz-document url-prefix(http://)例如指定域.

这适用于所有网址.有没有办法指定您不希望样式影响哪些URL ？这意味着你可以拥有一个全局样式表来实现除了指定的URL之外的所有内容,其中还有你想要使用的另一个样式表.

我在桌面浏览器上查看此网站时遇到问题。它们采用响应式/流畅设计，当浏览器宽度小于 990 像素时，会显示移动菜单按钮而不是水平导航栏。

由于我使用的是 125% 缩放的 Firefox，因此我的桌面浏览器的有效宽度小于 990px​​。

我查看了 CSS 代码并找到了这一行。如何使用 Stylish、Greasemonkey 或其他方式自动将“990px​​”的最大宽度值替换为“800px”？

@media (max-width:990px) { ... }

我在 Windows 7 上使用 Firefox 23。

编辑：根据到目前为止的评论，我需要用我自己的自定义 CSS 文件替换他们的 CSS 文件。那么如何使用 Greasemonkey 来替换href（这似乎是一个非静态文件名）？

<link rel="stylesheet" type="text/css" href="http://d1h60c43tcq0zx.cloudfront.net/static/css/versioned/global-cdn-ac243f54ab6bb9637fcc5fa32f8b514d.css"></link>

我从来没有熟练使用 CSS，但我认为我以前没有遇到过这种情况。

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

我想调整的网站不允许很好地控制字体，但它的一些页面（用户创建的）大量使用了一些异国情调的 Unicode 范围（例如高棉语），我的操作系统/浏览器组合选择了一种糟糕的字体：

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

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