html – CSS从数组中选择随机颜色

发布时间：2020-12-14 18:52:50 所属栏目：资源来源：网络整理

导读：CSS有没有办法让它从数组中挑选一个随机的字体颜色？我知道我可以用服务器端或 javascript来做,但我想知道是否有纯CSS的方式来做到这一点. 解决方法这在CSS中是不可能的,这是确定性的.您可以使用客户端 JavaScript来执行此操作： var colors = ['#ff0000','

CSS有没有办法让它从数组中挑选一个随机的字体颜色？我知道我可以用服务器端或 javascript来做,但我想知道是否有纯CSS的方式来做到这一点.

解决方法

这在CSS中是不可能的,这是确定性的.您可以使用客户端 JavaScript来执行此操作：

var colors = ['#ff0000','#00ff00','#0000ff'];
var random_color = colors[Math.floor(Math.random() * colors.length)];
document.getElementById('title').style.color = random_color;

如果您使用jQuery,最后一行可能会变成

$('#title').css('color',random_color);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!