Question

如何使用jquery动态更改预览页面的css样式。

两个下拉列表，右侧预览页面，下拉列表加载颜色，根据选择，预览页面css（bg颜色，字体颜色）应该更改，

我们尝试使用以下代码段，bg颜色正常，但字体颜色不起作用。

//bg_color: this variable contain the dynamic BG color selection values
//font_color: for font color.
$("#web_preview_right_div").css({'background-color':bg_color});
$("#web_preview_right_div").css({'color':font_color});

在inspect元素中，

当我更改下拉列表时，颜色低于：rgb（255,128,0）代码更改，但字体颜色不适用。

我也添加了重要内容，但它无效。

background-color：rgb（245,208,169）;颜色：rgb（255,128,0）;

Answer 1

如果使用单一属性，则无需在css中使用对象。

 $("#web_preview_right_div").css('background-color',bg_color);

但是，您的选择器是相同的，因此您可以将这两个语句组合在一个

中

    var font_color="red";
    $("#web_preview_right_div").css({
                                    'background-color':bg_color,
                                    'color':font_color
                                    });

Answer 2

您似乎错过了颜色值的引号。

尝试这样：

$("#web_preview_right_div").css({
                                'background-color': 'black',
                                'color':'red'
                                });

demo

Answer 3

你可以在一行

中完成

$("#web_preview_right_div").css({'background-color':bg_color, 'color':font_color});

与json一样

Answer 4

.parentdiv label {color：＃000000;字经纱：断字;}

我的jquery片段无法覆盖上面的css颜色：＃000000，所以我只是删除了颜色属性，现在问题解决了，感谢每一个。

使用jquery应用css

4 个答案: