为什么我会以这种背景颜色（rgb（204，204，204）无重复滚动0％0％/自动填充框边框框）格式？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为什么我会以这种背景颜色（rgb（204，204，204）无重复滚动0％0％/自动填充框边框框）格式？相关的知识，希望对你有一定的参考价值。
我有LI，我给出了background-color: #ccc;，基本上我想用变量获取背景色，现在我要用变量获取rgb(204, 204, 204) none repeat scroll 0% 0% / auto padding-box border-box格式，但是我想要这种rgb(204, 204, 204)格式，怎么了？在此代码中？
我尝试过的事情：-
$('.response-box').on('click', '.color-box ul li', function() {
var colorBoxListBgColor = $(this).css('background');
console.log(colorBoxListBgColor);
});.color-box ul li {
background-color: #ccc;
color: #ccc;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="response-box">
<div class="color-box">
<ul>
<li></li>
</ul>
</div>
</div>单击LI在控制台中检查输出。
答案将不胜感激！
答案
一种选择是使用window.getComputedStyle来代替，它不与您不想要的所有其余文本（jQuery包括在内）一起提供：
$('.response-box').on('click', '.color-box ul li', function() {
console.log(window.getComputedStyle(this).backgroundColor);
});.color-box ul li {
background-color: #ccc;
color: #ccc;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="response-box">
<div class="color-box">
<ul>
<li></li>
</ul>
</div>
</div>以上是关于为什么我会以这种背景颜色（rgb（204，204，204）无重复滚动0％0％/自动填充框边框框）格式？的主要内容，如果未能解决你的问题，请参考以下文章