css - Vaadin 文本字段 : how to disable underline?

Question

Vaadin 文本字段有一个默认的下划线。我想删除它。我在 Vaadin 组合框内使用它。

在开发工具中，我可以看到具有属性 part="input-field" 的 div 是原因。将其设置为 display: none; 在浏览器中有效。我似乎无法用代码来定位它。我尝试了以下方法:

`[part="input-field"] {
     display: none !important;
 }
 .vaadin-text-field-container [part="input-field"] {
     display: none !important;
 }`

Answer 1

添加Viritin附加(使用最新版本)到您的元素，并配置:

TextField field = new MTextField().withSpellCheckOff();

或

您可以使用低级 API 来配置 html 元素:

new HtmlElementPropertySetter(yourTextInputComponent).setProperty(
                "spellcheck", false);