首先我不是很懂颜色，我只能大概给你，但是我不确定是不是能满足你的深色和浅色
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div {
width: 200px;
height: 200px;
background: #C5C5C5;
}
animation {
animation: flash 2s linear 0s both;
-webkit-animation: flash 2s linear 0s both;
}
@keyframes flash {
from {
transform: translate(0, 0)
}
to {
transform: translate(200px, 0)
}
}
@-webkit-keyframes flash {
from {
transform: translate(0, 0)
}
to {
transform: translate(200px, 0)
}
}
</style>
</head>
<body class="body">
<div class="div1"></div>
<div class="div2"></div>
<button type="button">点我</button>
</body>
<script src="//cdnbootcsscom/jquery/1110/jqueryjs" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('button')on("click", function() {
$('div')addClass('animation');
var getRandomColor = function() {
return '#' +
(function(color) {
return(color += '0123401234abcabc' [Mathfloor(Mathrandom() 16)]) &&
(colorlength == 6) color : argumentscallee(color);
})('');
}
var getRandomColor = function() {
return '#' +
(function(color) {
return(color += '5678956789defdef' [Mathfloor(Mathrandom() 16)]) &&
(colorlength == 6) color : argumentscallee(color);
})('');
}
consolelog(getRandomColor())
$("div1")css({
"background":getRandomColor
});
$("div2")css({
"background":getRandomColor
});
})
</script>
</html>
首先我们先简单写个html页面，里面放一个input和一个textarea，简单设置一下基本样式，注意写上placeholder。
然后在浏览器中预览一下效果，会看到默认的placeholder颜色是灰色的。
再然后就是设置placeholder的字体颜色了，因为不同浏览器存在兼容性问题，这里主要设置webkit内核浏览器、火狐浏览器、IE浏览器三种，代码如下：
上面设置的placeholder的颜色为红色，然后切换到浏览器预览一下，效果就是红色的。以上代码是设置所有input和textarea的placeholder颜色的，如果想设置某一个或某一类的文本框或者输入框的placeholder颜色，只要在最前面加上其标签名或者是class名或者是id名就可以了。
以上就是关于jquery 随机颜色值 并且保证 背景颜色为 深色， 文字颜色为 浅色全部的内容，包括:jquery 随机颜色值 并且保证 背景颜色为 深色， 文字颜色为 浅色、如何使用jquery修改input中placeholder字体的颜色代码、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）