如何使用带有javascript的书签来改变网站css

时间:2017-05-11 11:21:40

标签: javascript css firefox moodle bookmarks

我对颜色不太好,在moodle课程上我是一名辅导我很难找到未读和阅读帖子的差异。未读帖子会突出显示,但颜色与我的背景太相似。以前我在firefox中使用了一个javascript书签来修改一个网站(select all for Amazon's AWS S3非常好用)。

我正在尝试重做AWS书签javascript以更改moodle页面的CSS。到目前为止,我有:

javascript:(function () {
    document.domain = 'whatever.domain';
    var unread = document.querySelectorAll(".unread");
    for (var i = 0; i < unread.length; i++) {
        unread[i].style.background-color="blue";
        };
    })();

使用检查器查看CSS,Span元素CSS如下所示:

#page-mod-forum-view .unread, .forumpost.unread .row.header, .path-course-view .unread, span.unread {
background-color: #FFD;
}

1 个答案:

答案 0 :(得分:1)

  

请注意,使用elt.style设置样式时,属性名称为camel-case而非kebab-case。 (即elt.style.fontSize,而不是elt.style.font-size)

Anonymous objects

因此,在您的bookmarklet JavaScript代码中应该有backgroundColor而不是background-color