var colorR = "rgb(87, 186, 255)"; $('#picker').colpick({ submitText: "Chọn", onSubmit: function (hsb, hex, rgb, fromSetColor) { var color = "rgb(" + rgb["r"] + ", " + rgb["g"] + ", " + rgb["b"] + ")"; $("*").css({ "background-color": function () { if (colorR == $(this).css("background-color")) return color }, "color": function () { if (colorR == $(this).css("color")) return color }, "border-color": function () { if (colorR == $(this).css("border-top-color")) return color } }); colorR = color; } });
<div id="test"> <div>text</div> <strong>zzbaivong</strong> <p>admin</p> <a target="_blank" href="http://devs.forumvi.com">DEVs.forumvi.com</a> </div> <div id="picker"></div>
#test div { background: #57baff; height: 20px; margin: 10px 0; color: #FFF; } #test strong, #test a { color:#57baff } #test p { border: 2px solid #57baff; } #picker { background: url(http://colpick.com/images/wheel.png) no-repeat center/100% transparent; width: 30px; height: 30px; margin-top: 30px; }