Remove dash lines in read only TextField in Vaadin 24

Flow
1

Hi! I’m trying to do in Vaadin 24 that a read only TextField doesn’t show me the dash lines. I put this in my style.css but not working:

vaadin-text-field[readonly]::part(input-field) {
color: red;
border-color: transparent;
}

2

If I remember correctly, that’s a outline and no border

3

nvm I remembered it wrong. If you remove the whole ::part thingy and add

–vaadin-input-field-border-color: transparent; instead of border-color it should work

4

The dashed readonly border is actually a border because dashed outlines with curved corners are/were not supported by all browsers. This is actually missing from the Styling reference:

vaadin-text-field[readonly]::part(input-field)::after