根据三元运算符的结果应用 CSS 样式答案

【问题标题】：Apply CSS style depending on outcome of ternary operator根据三元运算符的结果应用 CSS 样式
【发布时间】：2014-05-12 08:52:59
【问题描述】：

我希望根据以下 Apex 语句的结果设置字体颜色。因此，如果陈述是真或假，则应用不同的颜色。

输出是日期，红色或黑色。红色表示日期过期，即：过去。

<div class="due_date">
    <apex:outputField value="{!x.Date}" styleClass="{(x.Date < TODAY()) ? 'color : #FF0000' : 'color : #000'}" />
</div>

这两种颜色似乎都没有生效。谁能告诉我是什么问题？

【问题讨论】：

这段代码的实际输出/结果是什么？
styleClass="..." 这似乎不像您认为的那样。（我回应：“实际输出是什么？”）
哦，这样我就不能用styleClass了？我不知道...你有什么建议吗？

标签： javascript css ternary-operator apex

【解决方案1】：

最后，我做到了。

     <div class="due_date">
          <span>
                <apex:outputField value="{!x.Date}" rendered="{!x.Date > TODAY()}"/>
          </span>
          <span class="overdue">
                <apex:outputField value="{!x.Date}" rendered="{!x.Date < TODAY()}"/>
          </span>
    </div>

【讨论】：

x.Date = TODAY()时你的代码应该做什么？