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

Question

我为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();