jquery - 使用 jquery 应用 css

Question

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

右侧预览页面的两个下拉菜单，下拉菜单加载了颜色，根据选择，预览页面的 css(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});

在检查元素中，

当我更改下拉菜单时，下面的 color:rgb(255,128,0) 代码发生变化，但字体颜色不适用。

我也添加了 important，但它不起作用。

背景颜色:rgb(245, 208, 169);颜色:rgb(255, 128, 0);

Answer 1

看来您在颜色值中漏掉了引号。

像这样尝试:

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

demo