计算字段表单插件Wordpress-如果= 0,则使字段输出为黑色;否则为0。 <0时为红色;否则为0。如果> 0

时间:2019-07-15 07:30:18

标签: php css wordpress

我已经在Calculated Fields Form Plugin网站上使用Wordpress设置了一个计算器。对于计算器上的某些输出字段,我希望其值0出现黑色,负值(小于0的值)显示为红色,正值(大于0的值)显示为绿色。

我不是PHP,CSS专家-只是尝试尝试学习或需要它-因此,如果可以通过任何答案将其记住,将不胜感激:)

我已经可以根据此处的说明成功使用CSS来更改计算器的设计和特定字段:

See Design section and the question "How can I apply CSS styles to the form fields?"

我试图通过Code Snippets插件(据我了解将其添加到functions.php文件中)添加一个函数,以能够执行我需要的操作,但未成功。

PHP函数代码段:

    $AAcolor = "#353535";

    if (($v < 0))
       $AAcolor = "#ec0909";
    else if (($v > 0))
       $AAcolor = "#FF9900";

CSS类(用于计算器Customize Form Design部分中的Form Settings):

    .specialclass input[type="text"],
    .specialclass input[type="number"],
    .specialclass input[type="date"],
    .specialclass input[type="email"],
    .specialclass input[type="password"],
    .specialclass textarea,
    .specialclass select {color: $AAcolor !important;}

然后我只需将css class specialclass添加到各个字段中,添加CSS布局关键字

我认为我完成的php函数或将其显示在CSS中的方式可能有问题吗?

如果我将CSS中的颜色从$AA更改为red,则效果很好。

因此,这实际上是我如何根据需要创建PhP函数,然后使用上述CSS将其显示出来。谢谢。

0 个答案:

没有答案