不同风格的合金UI输入标签

Question

我的表单中有一个aui:input，标签为First Name *。标签的当前字体颜色现在是黑色。我想要的是黑色字体的标签First Name 和红色的*。

有谁知道如何做到这一点？

<aui:input model="<%= User.class %>"
           name="firstName"
           label="First Name *"
           showRequiredLabel=""
           value="<%=user.getFirstName() %>">
</aui:input>

Answer 1

您可以像这样指定代码：

<aui:input model="<%= User.class %>"
        name="firstName"
        showRequiredLabel=""
        label="First Name <span style='color: red;'>*</span>"
        value="<%=user.getFirstName() %>">
</aui:input>

<!--
or else you can also include a CSS Class as <span class="required">*</span> 
then you would need to add a style as:
-->

<style>

    .required {
        color: red;
    }

</style>

或者，您也可以这样做：

<label class="aui-field-label" for="<portlet:namespace />firstName">
    First Name
    <span style="color: red;">*</span>
</label>

<aui:input model="<%= User.class %>"
        name="firstName"
        showRequiredLabel=""
        label=""
        value="<%=user.getFirstName() %>">
</aui:input>

只要你喜欢。