How to remove dashed border around TextArea ?

Flow
1

I managed to remove background of TextArea (with help of setStyle), but I failed to remove dashed border around TextArea (with help of setStyle(“border-style”, “none”)).
How to remove dashed border around TextArea ?

2

Hello Vitalii,

I think using theme module could be the solution to your problem. It allows you to insert styles inside vaadin components, overriding the existing styles.

<dom-module id="vaadin-text-field" theme-for="vaadin-text-field">
    <template>
        <style>
            :host(.special-field) [part="input-field"]
 {
                background-color: #000;
                color: #fff;
				border-style: none;
            }
        </style>
    </template>
</dom-module>

You can import it in java side using @HtmlImport("frontend://styles/your-file.html")

3

I tried this solution. An error is raised: Type Error Cannot read append property of child null.

Any clue?

4

Did you check that your file is in the correct place indicated by the @HtmlImport annotation under the frontend directory? If yes, then the problem is somewhere else; the style module described above should either a) work or b) not do anything (if it has some syntax problems).