<s:textfield/> 单个字符的标签样式答案

【问题标题】：<s:textfield/> label styling for single character<s:textfield/> 单个字符的标签样式
【发布时间】：2014-06-04 17:11:24
【问题描述】：

我需要更改此标签中一个字符的颜色，特别是 *。
这将需要针对几个部分进行更改，但对于许多其他部分则不需要更改。有没有一种内联方式可以做到这一点？

<td>
  <s:textfield label="* Bank Name" name="..." size="40" />
</td>

【问题讨论】：

查看<s:textfield>标签requiredLabel属性。默认情况下，它将为您生成带有* 的跨度。

标签： html css jsp struts2 styling

【解决方案1】：

您应该能够将字符包装在<span> 标签中并在 CSS 中设置颜色。我不熟悉结构标记，但您应该能够应用相同的概念。如果没有，this 文章将有助于使用 <label> 和 <input> 标签来完成你想要的。

试试这个：

HTML：

<table>
   <tr>
      <td>
         <label><span class="diff-color">*</span> Bank Name</label>
      </td>
   </tr>
</table>

CSS：

span.diff-color {
    color: red;
}

这会将所有类名为“diff-color”的 span 元素的颜色设置为红色。

Example.

【讨论】：

color: red; 变绿？ ;)
是的，绿色是新的红色，你没听到吗？
狗是一只新猫？

【解决方案2】：

默认情况下，Struts2 使用主题（默认为 XHTML）为元素生成通用 HTML 标记。

正如@AleksandrM 的评论所指出的，requiredLabel 属性会生成一个带有星号的跨度，您可以使用 CSS 设置样式。

一定要自己给元素一个id，否则Struts会自己生成一个很难处理的唯一的（表单名_元素名加上一个数字或类似的东西）。

那么这个

    <s:textfield id = "bankName" 
               name = "bankName"
              label = "Bank Name"
      requiredLabel = "true" />

    <s:textfield id = "bankAddress" 
               name = "bankAddress" 
              label = "Bank Address"
      requiredLabel = "true" />

将生成以下 HTML：

    <label for="bankName"><span>*</span>Bank Name</label>
    <input type="text" id="bankName" name="bankName" />

    <label for="bankAddress"><span>*</span>Bank Address</label>
    <input type="text" id="bankAddress" name="bankAddress" />

您可以通过以下方式轻松设置样式：

<style>

    /* all "*" spans */
    label > span {
        color: silver;
    }

    /* differet style for bankName's "*" span */
    label[for=bankName] > span {
        color: red;
    }

    /* differet style for bankAddress's "*" span */
    label[for=bankAddress] > span {
        color: green;
    }

</style>

Running example

【讨论】：