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

如何使用带有javascript的书签来更改网站css,javascript,css,firefox,moodle,bookmarks,Javascript,Css,Firefox,Moodle,Bookmarks,我对颜色不太在行,我正在辅导moodle课程,我很难分辨出未读文章和已读文章的区别。未读的帖子被突出显示,但颜色对我来说太像背景了。之前,我在firefox中使用了javascript书签来修改网站(效果非常好) 我正试图修改AWS书签javascript来更改moodle页面的CSS。到目前为止,我已经: javascript:(function () { document.domain = 'whatever.domain'; var unread = document.qu

我对颜色不太在行,我正在辅导moodle课程,我很难分辨出未读文章和已读文章的区别。未读的帖子被突出显示,但颜色对我来说太像背景了。之前,我在firefox中使用了javascript书签来修改网站(效果非常好)

我正试图修改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";
        };
    })();
请注意,在使用elt.style设置样式时,属性名称是驼峰大小写,而不是烤肉串大小写。(即elt.style.fontSize,而不是elt.style.font size)


因此,bookmarklet JavaScript代码中应该有
backgroundColor
而不是
backgroundColor

您可以使用:已访问psudo选择器:检查此outso文档。查询选择器所有(“a:已访问”)?您可以在css中使用它,就像:visted{background color:blue;}它不是
background color
(背景减色),而是
backgroundColor
#page-mod-forum-view .unread, .forumpost.unread .row.header, .path-course-view .unread, span.unread {
background-color: #FFD;
}