Chrome应用中的自定义滚动条

Question

我想使用CSS规则＃2自定义Chrome应用的滚动条：

section { overflow: auto }
section::-webkit-scrollbar {
    width: 5px ;
}

不幸的是，根据第二条规则，Chrome不会显示滚动条。 没有第二个规则，默认滚动条将按预期显示。

这是正常行为吗？ 我检查了文档，但没有发现任何内容...

Answer 1

我相信只有在您描述如何使用::-webkit-scrollbar-thumb和::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

进行展示之后才能看到它

CSSTricks将此列为 minimal 示例：

router.post('/signup', function(req, res, next) {
    //console.log(res);
    passport.authenticate('signup', function(err, user, info) {
        console.log(user);
        if (err) {
            console.log(err);
            return next(err);
        }
        if (!user) { return res.json({redirect: 'auth'}); }
        req.logIn(user, function(err) {
            if (err)
            {
                console.log(err);
                return next(err);
            }
            console.log(res);
            return res.json({redirect: 'userPanel'});
        });
    })(req, res, next);
});