javascript - 无法使用 jQuery(Chrome 扩展)选择某些 Facebook 类

标签 javascript jquery css facebook google-chrome

长话短说。

如果我使用带有以下代码的 CSS content_script...

._o46._nd_ ._hh7 {
background-color:#333!important;}

...它有效。 它将 Facebook Messenger 消息气泡颜色更改为 #333。

但我需要用 JS 来做,所以我尝试用 JS content_script 做以下事情:

$("._o46._nd_._hh7").css("background-color", "#333")

但是,是的,由于某种我不知道的原因,它不起作用。

JQuery 已包含在内,而且它可以正常工作,因为我可以使用它从 Facebook 页面更改正文颜色。它似乎是特定于 Facebook Messenger 的。

我尝试以所有可能的方式修改选择器。我什至尝试只选择 ._hh7 类(更改所有消息气泡,而不仅仅是发件人的)以查看它是否有效,但它仍然无法完成工作。

我不知道我做错了什么,或者我是否做错了什么。我是 Chrome 扩展的新手,但我可以毫无问题地更改主体颜色这一事实让我想知道什么

最佳答案

css 选择器与 jquery 选择器不同。更新 jquery 以包含空格:

$("._o46._nd_ ._hh7").css("background-color", "#333")

关于javascript - 无法使用 jQuery(Chrome 扩展)选择某些 Facebook 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48604345/

相关文章:

javascript - .stop(true) 似乎并没有真正清除队列?

javascript - 将变量 - 值传递给我的 fancybox iframe

javascript - 将背景滑入和滑出 View

javascript - CSS3 或 jQuery/JavaScript 动画,哪个更兼容?

css - 我有两个 div,我希望它首先出现在 html 中的第二个顶部,第二个 div 属性不能更改

Internet Explorer 8/9 中的 jQuery Gallaria 1.2.3 呈现问题

javascript - 表单提交后防止页面重新加载。 e.preventDefault() 和隐藏的 iFrame 不工作

javascript - 如何在 typescript 或JavaScript中连接子数组?

javascript - Facebook 页面插件无法在网站上正确显示

javascript - 记录对象模型问题