Wordpress插件：如何根据用户输入更改CSS

我已经为Wordpress创建了一个插件，它可以在一个表中显示大量信息。

我有一个选项页面，您可以在其中为奇数行和偶数行输入颜色。“选项”页面将保存用户输入。但我不确定如何使用用户输入更新CSS。

这就是我所拥有的，技术上是可行的，但是当我在侧边栏中放置任何其他小部件时，该小部件的所有选项都消失了。所以我显然做错了什么。一定有更好的办法

ob_start();

function change_row_color(){
    global $odd;
    global $even;

    if(!get_option('gfd_rc_odd')){
        $odd   = "eee";
    }else{
        $odd = esc_attr(get_option('gfd_rc_odd'));
    }
    if(!get_option('gfd_rc_even')){
        $even   = "fff";
    }else{
        $even = esc_attr(get_option('gfd_rc_even'));
    }
    ?>

<style type="text/css">
#stockchart tr:nth-child(odd){ 
    background-color:#<?php echo $odd; ?>;
}
#stockchart tr:nth-child(even){
    background-color:#<?php echo $even; ?>; 
}
</style>

<?php
}
change_row_color();

ob_start（）；
函数更改\u行\u颜色（）{
全球美元奇数；
全球平均美元；
如果（！get_选项（'gfd_rc_odd'））{
$odd=“eee”；
}否则{
$odd=esc_attr（获取选项（'gfd_rc_odd'）；
}
如果（！get_选项（'gfd_rc_偶数'））{
$偶数=“fff”；
}否则{
$even=esc_attr（get_选项（'gfd_rc_even'）；
}
?>
#股票图表tr:n个孩子（奇数）{
背景色：#；
}
#股票图表tr:n个孩子（偶数）{
背景色：#；
}
问题最有可能出现在你的小部件代码中，而不是你发布的代码中。顺便说一句，小部件的设置在每个小部件实例上都应该是干净的。你能详细说明一下“消失”部分吗？当我将Wordpress“text”小部件拖到侧边栏时，什么小部件的设置消失了。“title”和“body”消失了，你看到的只是“delete | close”"还有保存按钮。这很奇怪。当我注释掉上面的脚本时，这个问题就消失了。这就是为什么我认为这是个问题。我可以把我所有的代码放到一个JSFIDLE中。我确信这很混乱，因为这是一个学校项目，也是我第一次尝试插件：对。你的小部件出了很大的问题，但我没有足够的时间去修改错误。尝试将小部件代码分离为一个独立的插件并进行调试。此外-没有真正的理由为小部件创建一个设置页面…它只是使UIT混乱插件是一个类项目，我只创建了一个设置页面来显示您“可以”创建一个。我会继续努力找出我做错了什么，但我还没有想出任何办法。