javascript - 根据三元运算符的结果应用 CSS 样式

Question

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

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

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

这两种颜色似乎都没有生效。谁能告诉我问题出在哪里？

Answer 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>