textarea - Vaadin 13 TextArea Html 样式

Question

我有两个文本区域。对于第一个我想让标签对齐行中心，对于第二列快速启动。我为他们每个人提供了自己的 ID，并为每个人创建了单独的 html 文件。但是当第一个 textarea 改变第二个像第一个一样的变化时，我不能给他们自己的标签对齐。

我怎样才能给每个自己的标签对齐？

Answer 1

您可能需要使用textArea1.addClassName("my-text-area1")，然后使用如下内容：

<dom-module theme-for="vaadin-text-area" id="style-for-text-area1">
    <template>
        <style>
            :host(.my-text-area1) [part="label"]{
                ... styles here ...
            }
        </style>
    </template>
</dom-module>

然后对其他文本区域执行相同操作。