[FlowUI] apply correct css selector for input fields

[mgiammarco1 (Mario Giammarco)]

Hi,
I am applying a css for media print to input fields:

input, textarea {
        border: 1px dotted black;
        background-color: white !important;
        width: auto;
     }

But I get a not perfect visualization:

I am not able to find the correct css to hide grey area on the right and on the left.
Can you please help me?
Thanks,
Mario

[gorelov (Gleb Gorelov)]

Hi,

The correct CSS is:

vaadin-text-area::part(input-field),
vaadin-text-field::part(input-field) {
    background: white;
    border: 1px dotted black;
}

Result:

Since UI component client side is implemented using web components, they are contain Shadow DOM, so in order to find a correct CSS selector to style a component part worth investigating #shadow-root of a component, e.g.:

Regards,
Gleb