为文章外部的标签添加随机彩色效果-小武站

⚠️ 这篇文章最后更新于 1年10个月前，部分内容可能已变化，请谨慎参考！

为文章外部的标签添加随机彩色效果

代码

/*文章外部标签随机彩色*/
.item-tags a {
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 5px;
}

.item-tags a.meta-pay {
  background-color: #FFD700;  
  color: black;
}

.item-tags a.c-blue {
  background-color: #1E90FF;  
  color: white;
}

.item-tags a[href*="tag/"] {
  background-color: #FF69B4;  
  color: white;
}

代码

var links = document.querySelectorAll('.item-tags a');

for (var i = 0; i < links.length; i++) {
  var randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
  links[i].style.backgroundColor = randomColor;
}

id="wznav_3"

将上述CSS代码添加至zibil主题设置–全局&功能–自定义代码–自定义CSS样式中即可

将上述javascript代码添加至zibil主题设置–全局&功能–自定义代码–自定义javascript代码中即可

有单色需求自己改代码即可，大佬轻喷。

本网站部分文件及内容来自互联网，版权归原作者所有。转载需授权，侵权必究。部分内容受《网络出版服务管理规定》保护，未经许可禁止商业使用。

THE END

综合
# 彩色效果

为文章外部的标签添加随机彩色效果

id="wznav_3"

相关阅读推荐