Question

<input class="color" value="66ff00" id="fc" autocomplete="off" style="background-image: none; background-color: rgb(128, 225, 255); color: rgb(0, 0, 0);">

如何获取background-color的价值？

每次我使用(element).attr("background-color")时，它都无法正常工作。我想这与style="background-color"有关。

Answer 1

您可以通过css访问任何css属性：

$(".color").css('background-color')

Jsfiddle

Answer 2

尝试：

(element).css("background-color");

希望它有所帮助。

由于

Answer 3

使用.css方法获取背景颜色，即：

$(element).css('background-color');

您也可以使用对象：

在不引用的情况下访问它

$(element).css(bgColor);

Answer 4

如果你想在jQuery中获取任何css属性，那么使用

$(selector).css(property);

此处，在这种情况下，它是$("#fc").css('background-color');

Answer 5

使用它可以工作..

<script>
$( document ).ready(function() {
alert($("#fc").css('background-color'));
});
</script>

<input class="color" value="66ff00" id="fc" autocomplete="off" style="background-image: none; background-color: rgb(128, 225, 255); color: rgb(0, 0, 0);">

Answer 6

可以使用#fc

的背景颜色

var fc = document.getElementById('fc');
var bgcolor = fc.style.backgroundColor;

Answer 7

试试这个：

$("input.color").css("background-color");

它会返回指定的背景颜色。

然后执行此操作以获得结果：

var color = $("input.color").css("background-color"); 

$("$target_element").css("background-color", color);

Answer 8

我们可以使用.css属性来获取使用id或类选择器的特定css值。

$("#fc").css('background-color') // fc是控件的ID

或

$(".color").css('background-color') //颜色是此处应用的类

如何获得背景颜色值？

8 个答案: