css 将图标插入gmail列表html

osh3o9ms  于 2023-01-03  发布在  其他
关注(0)|答案(1)|浏览(146)

我有兴趣为chrome做一个扩展,但我是新来的,正如你可以想象的,我有一千个疑问。
具体来说,在我的Gmail帐户中,在收到的电子邮件的主页上,你需要在列表中的一些电子邮件中插入一个图标(那些应该已经阅读过的邮件)。
例如,我有这些电子邮件的data-legacy-thread-id,我想在CHECK BOX下面注入图像,如图所示。

知道了我想注入图标的电子邮件的data-legacy-thread-id,有人能告诉我如何使图标只出现在这些电子邮件中吗?

vjrehmav

vjrehmav1#

首先,我会创建一个类,'Yourclass'与您想要的名称,并附加到头部使用javascript.示例:(更改字体并为阴影创建类和关键帧)

var style = document.createElement('style');
        style.type = 'text/css';
        var keyFrames = '\
    body {\
  font-family: Copperplate;\
    }\
    .shadows {\
  animation: shadowmove 4s infinite;\
}\
\
@keyframes shadowmove {\
  50% {box-shadow: 0px 0px 15px black;}\
}';
        style.innerHTML = keyFrames.replace(/A_DYNAMIC_VALUE/g, "180deg");
        document.getElementsByTagName('head')[0].appendChild(style);

请参见:Add CSS to with JavaScript?
使用querySelectorgetElementbyID遍历每个ID,然后使用父元素,我会得到,嗯,parent ElementappendChild(在您的情况下是一个图像)。对于那个子元素add the ClassName,'Yourclass'到这些元素,并继续迭代您拥有的每个ID。
希望您喜欢这种方法!
注解任何你需要的东西,我会尝试添加一些代码(我已经做了一些类似的事情扩展)。

  • 评论:尝试模糊私人信息(即使它不是你的)*

相关问题