html – 如何使用CSS在输入元素后添加换行符?

前端之家收集整理的这篇文章主要介绍了html – 如何使用CSS在输入元素后添加换行符?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一种服务,该服务通过一系列标签和输入返回动态 HTML,例如
input:after {
  content: "\a";
  white-space: pre;
}
<label for="username">Username</label>
<input type="text" id="username" name="username" />

<label for="country">Country</label>
<input type="text" id="country" name="country" />

我希望表单格式如下:

但它不起作用.不能使用div包围标签和输入,因为这是由服务返回给我的动态HTML.

任何想法如何只能通过CSS实现?

解决方法

替换了元素,包括< img>,< object>,< input>和< textarea> …没有:before和:after伪元素.

作为解决方法,您可以在< label>上设置换行符.元件.

label:before {
    content: "\a";
    white-space: pre;
}
<label for="username">Username</label>
<input type="text" id="username" name="username" />

<label for="country">Country</label>
<input type="text" id="country" name="country" />

猜你在找的HTML相关文章