Question

以下是提供的代码。目前，由于span标记，它突出显示文本。但我希望它能改变该表值的背景颜色，而不是突出显示文本。我该怎么做呢？

＆＃13;

<c:choose>
  <c:when test="${manifest.manifestRtnedDate == null}">
    <td class="backgroundHighLight">
      <c:if test="${manifest.daysOpened >35 && manifest.daysOpened < 45 }">
        <span style="background-color: #FFFF00"><c:out value="${manifest.daysOpened }"/></span>
      </c:if>

      <c:if test="${manifest.daysOpened > 45 }">
        <span style="background-color: #FF4747"><c:out value="${manifest.daysOpened }"/></span>
      </c:if>
    </td>
  </c:when>
  <c:otherwise>
    <td>
      <c:out value="${ manifest.manifestRtnedDate}" />
    </td>
  </c:otherwise>
</c:choose>

＆＃13;

Answer 1

您已走上正轨，这里有两个选择。你可以：

按原样保持逻辑，并尝试将display: block;添加到span元素的样式中。这应该使它们填充<td>元素。或...
将td元素移动到c:if块中，并设置其背景而不是跨度（请参阅下面的示例）。

＆＃13;

<c:choose>

  <c:when test="${manifest.manifestRtnedDate == null}">

    <c:if test="${manifest.daysOpened >35 && manifest.daysOpened < 45 }">
      <td class="backgroundHighLight" style="background-color: #FFFF00">
        <span><c:out value="${manifest.daysOpened }"/></span>
      </td>
    </c:if>

    <c:if test="${manifest.daysOpened > 45 }">
      <td class="backgroundHighLight" style="background-color: #FF4747">
        <span><c:out value="${manifest.daysOpened }"/></span>
      </td>
    </c:if>

  </c:when>

  <c:otherwise>
    <td>
      <c:out value="${ manifest.manifestRtnedDate}" />

    </td>
  </c:otherwise>
</c:choose>

＆＃13;

改变表背景

1 个答案: