首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Freemarker spring.formInput中的CSS

Freemarker spring.formInput中的CSS
EN

Stack Overflow用户
提问于 2016-01-27 06:30:00
回答 2查看 924关注 0票数 0

我正在尝试将css应用于此ftl代码片段:

代码语言:javascript
复制
<@spring.formInput "customer.email" />

我使用的CSS是:

代码语言:javascript
复制
.card.alt .input-container input {
  color: #ffffff;
}
.card.alt .input-container input:focus ~ label {
  color: #ffffff;
}
.card.alt .input-container input:focus ~ .bar:before, .card.alt .input-container input:focus ~ .bar:after {
  background: #ffffff;
}
.card.alt .input-container input:valid ~ label {
  color: #ffffff;
}
.card.alt .input-container label {
  color: rgba(255, 255, 255, 0.8);
}
.card.alt .input-container .bar {
  background: rgba(255, 255, 255, 0.8);
}

当它是普通的超文本标记语言时,这是有效的,但我不确定如何将CSS应用于<@Spring..>标记

EN

回答 2

Stack Overflow用户

发布于 2016-01-27 16:48:01

不能将CSS应用于FreeMarker标记,因为它们是由FreeMarker引擎处理的,并在输出(主要是HTML)中删除。

代码语言:javascript
复制
<@spring.formInput "customer.email" />

将呈现类似以下内容:

代码语言:javascript
复制
<input type="text" name="customer.email" />

所以你应该为生成的标签准备你的样式。

票数 1
EN

Stack Overflow用户

发布于 2018-04-04 10:45:35

您可以使用以下命令将样式类应用于输入:

<@spring.formInput "customer.email“”class=‘输入类’“/>

然后你可以在你的CSS中使用inputClass。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35025287

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档