Question

我正在尝试更改错误消息的颜色。我正在使用Stripes验证。如果验证失败，我发送错误消息。我想要它是红色的。但它显示为黑色。如何在Stripes框架中更改错误消息的颜色。

以下是我的尝试。

        <div class="item">

            <stripes:errors />
            <stripes:form name="home"action="/home.action">
                //contents
              </stripes:form>
        </div>

Answer 1

正如Vinoth所说，您可以应用CSS类来更改错误消息的外观。除此之外，还可以通过编辑StripesResources.properties来完全自定义Stripes消息。

在这里，您可以使用标记和CSS类甚至内联样式准确定义消息的外观。

# Resource strings used by the <stripes:errors> tag when there are no nested tags
stripes.errors.header=<div class="my-error-wrapper"><h4>Ooops... some things went awfully awry:/h4><ol>
stripes.errors.beforeError=<li><i class="fa fa-warning"></i>&nbsp;
stripes.errors.afterError=</li>
stripes.errors.footer=</ol></div>

# Resource strings used by the <stripes:errors> tag when displaying errors for a
# specific field (e.g. <stripes:errors field="password"/>). If not supplied the
# values above will be used instead.
stripes.fieldErrors.header=
stripes.fieldErrors.beforeError=<span class="my-error-inline"><i class="fa fa-warning"></i>&nbsp;
stripes.fieldErrors.afterError=</span>
stripes.fieldErrors.footer=

# Resource strings used by the stripes:messages tag
stripes.messages.header=<div class="my-message-wrapper"><ul>
stripes.messages.beforeMessage=<li>
stripes.messages.afterMessage=</li>
stripes.messages.footer=</ul></div>

正如你所看到的，你可以添加额外的花哨的东西，比如FontAwesome图标（承认，这比OP要求的要多得多）。

Answer 2

使用选择器指定错误类。这会将全局错误样式应用于输入字段

input.error, textarea.error {
    color: red;
    background-color: yellow;
}

input.error[type="radio"], input.error[type="checkbox"], select.error {
    background-color: white;
    border: 2px solid red;
}

阅读Stripes Manual了解更多信息。

如何在条带框架中更改错误消息的颜色

2 个答案: