Playframework 如何自定义表单css？

使用@helper.input时。。。。在模板中，默认css的一个示例是：

<dl class="error" id="age_field">
    <dt><label for="age">Age:</label></dt>
    <dd><input type="text" name="age" id="age" value=""></dd>
    <dd class="error">This field is required!</dd>
    <dd class="error">Another error</dd>
    <dd class="info">Required</dd>
    <dd class="info">Another constraint</dd>
</dl>

年龄：
此字段必填！
另一个错误
要求的
另一个制约因素

我如何定制它

---

谢谢。

如果您的目标只是将类应用于输入帮助器，那么您可以使用如下代码片段：

@helper.inputText(myForm("username"), 'class -> "myClass", 'size -> 30)

如果您想设置错误过程的样式，则需要组合一个FieldConstructor，它基本上充当默认输入帮助器的替换模板

这可以通过创建模板来完成：

myFieldConstructorTemplate.scala.html

---

来源：

感谢您的回复。似乎这是为错误类标记编写css的唯一解决方案。我想它应该有配置或“error\u”类来更容易地处理这个问题。我想我会在css文件中为这个错误编写一个.error，而不是仅仅为了修改类而重写大多数输入字段。

@(elements: helper.FieldElements)

<div class="@if(elements.hasErrors) {error}">
    <label for="@elements.id">@elements.label</label>
    <div class="input">
        @elements.input
        <span class="myErrorClass">@elements.errors.mkString(", ")</span>
        <span class="myHelpClass">@elements.infos.mkString(", ")</span> 
    </div>
</div>

@implicitField = @{ FieldConstructor(myFieldConstructorTemplate.f) }

@inputText(myForm("username"))