首页 > 解决方案 > 计算字段表单插件 Wordpress - 如果 = 0,则将字段输出设为黑色;如果 <0 则为红色;如果 > 0 则为绿色

问题描述

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

我不是 PHP、CSS 专家——只是在我去或需要它时尝试学习——所以如果能在任何答案中记住这一点,我将不胜感激:)

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

请参阅设计部分和问题“如何将 CSS 样式应用于表单字段?”

我试图通过 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到各个字段 Add Css Layout Keyword

我认为我所做的 php 函数或我让它出现在 CSS 中的方式可能有问题?

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

所以我真的是如何为我需要的东西制作一个 PhP 函数,然后使用上面的 CSS 让它出现。谢谢。

标签: phpcsswordpress

解决方案


推荐阅读