让您的chrome扩展的样式表覆盖站点的CSS

文章/答案/技术大牛

发布

3回答

css、google-chrome、google-chrome-extension

我正在写一个Chrome扩展来修改一个特定页面的CSS。但是，当我尝试使用style.min.css应用样式时，我的电子表格在级联中呈现在站点的电子表格之前。准确地说，我的规则是在他们之前计算的，所以他们的规则会覆盖我的。我们可以看到我的注入样式表在级联中没有优先级。 ? 这也是我的manifest.json，没有项目描

浏览 44提问于2019-10-17得票数 1

1回答

未注入Chrome扩展样式

jquery、css、google-chrome-extension

我已经为chrome写了一个扩展，它为站点'reddit‘添加了某些功能。它为网站上的每个帖子添加了一个额外的按钮，其中包含以下jQuery：html body span.grab_button { color: #888 !important规则，以确保任何适用的</

浏览 2提问于2013-07-19得票数 0

1回答

重写不能在边缘中工作的内联样式

html、css、microsoft-edge

我创建的一个站点在MS浏览器(也包括IE )中表现得很奇怪：在元素头#花式标题上，背景大小: intial！的样式表css应该覆盖背景大小:掩护的内联样式。Edge开发工具显示后者被划掉，这意味着它正在被覆盖，但它并不像Chrome上那样出现在徽标和菜单下面。如果您取消选中已划掉的样式，该站点看起来就像它应该的那样，表明覆盖并不像开发人员工具所

浏览 4提问于2016-06-28得票数 0

回答已采纳

1回答

如何全局应用CSS属性“字体显示”？

css、google-chrome-extension、font-face、webfonts、google-webfonts

我想让一个用户样式表作为一个Chrome扩展，它将覆盖默认的 CSS属性和font-display: swap的任何@font-face规则。它应该在任何网页上工作，而不管加载web字体的方式(<link rel="stylesheet">、@import、内联@font-face)。我怎么能这么做？

浏览 1提问于2017-09-01得票数 2

回答已采纳

1回答

Chrome扩展-在一些网站上，`web_accessible_resources`被禁止显示

css、google-chrome、google-chrome-extension

我正在处理一个用React编写的chrome扩展，并使用一个影子DOM元素将自己附加到页面上。在里面，我正在加载扩展的标志和内容样式表。然而，据报道，扩展没有正确地加载，并且已经明确指出来自web_accessible_resources的任何资源(例如chrome扩展://.)正在从某些站点(例如)的页面上卸载。在一次工作中，我们最终为CDN的</em

浏览 0提问于2020-08-08得票数 0

5回答

使用Javascript将CSS样式表作为字符串注入

javascript、css、dom、google-chrome-extension

我正在开发一个Chrome扩展，我希望用户能够添加自己的CSS样式来更改扩展页面(而不是网页)的外观。我已经研究过使用document.stylesheets，但它似乎希望拆分规则，并且不允许您注入完整的样式表。有没有一种解决方案可以让我使用字符串在页面上创建新的样式表？

浏览 1提问于2013-03-20得票数 54

回答已采纳

3回答

尝试将规则添加到CSS样式表时，Firefox中会显示“该操作不安全”

javascript、css、firefox、stylesheet、greasemonkey

我正在使用Greasemonkey并尝试在特定的域中添加一个规则。但它会导致一个错误，即The operation is insecure。CSS文件为http://cdn.mydomain.com/test/css/global.cssfunctioncss</

浏览 0提问于2013-03-06得票数 13

回答已采纳

3回答

使用CSS文件的更新版本重新呈现页面的浏览器扩展，而无需重新加载页面本身

css、browser-extension

因此，我想“调试”我的CSS文件。我发现的最大的烦恼之一就是我不能在不重新加载整个页面的情况下测试CSS文件中的更改。有时，页面太大。有时，由于我的页面过于依赖AJAX，所以在大量点击之后，很多元素会被带到页面。有时候，我只是讨厌一直使用Command+R。是否有任何主要浏览器(最好是Safari和/或Chrome)的扩展可以使用CSS文件的更新版本重新呈现页面，而不需

浏览 0提问于2011-01-15得票数 2

回答已采纳

1回答

是否有可能有选择地关闭Firefox/Chrome中的CSS或Javascript特性以进行测试？

firefox、cross-browser、firefox-addon、compatibility、firefox-developer-tools

IE有一个方便的调试功能，可以让您模仿早期版本的IE (7-10)。是否有类似于Firefox/Chrome插件的功能，可以让您，例如，将Chrome调回到只具有几个版本之前的特性？还是在Firefox中测试一个没有最新Firefox版本的CSS功能的站点？或者通过删除边界半径、阴影和高级CSS效果来粗略地显示一个<e

浏览 3提问于2014-08-23得票数 5

1回答

最终，我们希望扩展到其他地理区域。我想定制的外观和感觉的基础上的地理区域。如果我登录费城，该网站将看起来是单向的，与费城相关的数据。如果我登录肯塔基州，网站看起来会不一样，与肯塔基州相关的数据。但在操作上，该网站将在两个司法辖区做相同的事情。那么，如何做到这一点呢？我正在考虑外观和感觉部分的主题。那么，如何实现它们呢？我是否需要为每个辖区创建一个单独的网站项目(我更希望有一个为所有辖区服务的项目)？

浏览 0提问于2012-03-07得票数 0

2回答

外部样式表覆盖内部，即使使用相同的选择器也是如此。

html、css、css-selectors、stylesheet

我有两个页面(SignIn和PasswordReset)和一个外部CSS文件(名为MainStyleSheet.css)。我的页面中有一些HTML元素，它们都有一个类(名为ab-control-container)。在这两页中，我都需要覆盖类ab-control-container的一些样式表。让我困惑的问题是，在internal (SignIn)中，内部样式表正在覆盖外部样式表，而在第二页(Pas

浏览 0提问于2018-04-05得票数 0

回答已采纳

2回答

为什么<input>不继承颜色？

html

为什么这是必要的？为什么input元素不直接从其父元素继承color属性呢？是否还有其他元素不继承其祖先的属性？ 

浏览 70提问于2021-01-18得票数 1

回答已采纳

1回答

将由自定义CSS样式表修改的站点链接到其他站点以进行演示？

css、stylesheet

我希望能够发送一个链接来演示通过自定义样式表提出的设计更改。因此，假设我有定制的CSS来重新设计nytimes.com的外观，我想通过展示应用自定义样式的站点来向其他人演示这些更改。在我自己的浏览器上，我使用浏览器中的开发工具或扩展，比如Firefox的样式或者Chrome的stylebot来保存这些更改。尽管对于不了解CSS的人来说，我想要一

浏览 2提问于2013-05-17得票数 2

5回答

以编程方式禁用网站的部分CSS

html、css

我知道这可能是不可能的，但我希望能够创建一个文件的某种类型，将自动禁用部分网站的CSS。基本上，当我访问这个网站时，我希望它立即被禁用：有什么办法可以做到吗？

浏览 5提问于2014-03-15得票数 0

回答已采纳

2回答

Chrome DevTools工作区:可以改变背景颜色吗？

ide、google-chrome-devtools

我刚刚读了一篇关于Chrome DevTools工作区的很酷的文章：即使更改打开的文件的bg颜色--仅此一项--也是足够的。

浏览 0提问于2013-02-13得票数 0

回答已采纳

2回答

对style.css的更改未显示

php、css、stylesheet

我的网站pretendcity.org有一个由别人创建的自定义主题。我的问题是，当我编辑/更新网站的style.css文件时，它没有立即更新。例如，我将背景颜色从#353535更改为#000000，但没有任何变化。以下是该网站的style.css：/*Theme URI: http:/&

浏览 1提问于2014-08-08得票数 0

5回答

如何在Google Chrome扩展中真正隔离样式表？

css、google-chrome-extension、isolation

我写了一个Google Chrome扩展，它弹出一个对话框，里面有一个自动补全的字段和它自己的样式，但是在一些网站上，我的CSS完全坏了，看起来不是很好。我知道如何使用iFrames隔离样式，但在Google Chrome扩展中，没有办法以这种方式隔离我的HTML和CSS。另一种方法是将我的所有内容包装到一个单独的div中，它有自己的id和该id的</em

浏览 2提问于2012-10-08得票数 34

1回答

仅从样式表中提取html中使用的样式

django、twitter-bootstrap、cdn、critical-css

我试图通过通过渲染阻塞css来提高我的站点的性能。似乎只有一个文件是个问题，这是我从CDN获得的一个小型化的引导样式表。我尝试过多种不同的方法，但都没有效果。我希望在我的项目中有一个引导CDN样式表的副本，并对它进行编辑，这样它就只有我目前在我的站点上使用的css了。有没有一种方法可以序列化您的</em

浏览 4提问于2017-09-29得票数 0

回答已采纳

2回答

如何创建一个将CSS注入到页面中的firefox插件？

css、firefox、firefox-addon

我想修改网页CSS的网站，与火狐的广告。我不想安装像greasemonkey这样的扩展并添加CSS。我想要创建一个扩展。目标是有一个扩展，其唯一的功能是将CSS注入到页面中。警告:不要告诉我“你不需要一个扩展来改变CSS”。我已经知道了。这个问题是关于建立一个扩展。谢谢。

浏览 2提问于2013-04-26得票数 1

回答已采纳

3回答

浏览器作为设计工具-更改颜色，保存它们？

css、browser、user-experience

我是一个web开发人员/设计师，我需要我的代码盲客户端能够轻松地处理特定元素的颜色，保存这些CSS更改，并将它们发送给我。保存受影响的样式表，以便他们可以将其发送给我.我在Chrome中发现，可以使用检查器自由地操作元素的CSS，然后单击与每个规则相关联的</em

浏览 7提问于2013-04-14得票数 12

回答已采纳

点击加载更多