合金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>

无论你喜欢哪个.