Textfield 'Placeholder styling'

The placeholder text looks just like the value itself. It is confusing to the users. Could you please assist with any resource on how to go about styling placeholder text to make it different from the textfield value.

The styling is based on the vaadin-input-container and can be overwritten with a higher precedence than this https://github.com/vaadin/web-components/blob/d6f871f2e694aa08748481d32ae9c7f6ba2e6b20/packages/input-container/src/vaadin-input-container.js#L55

The easiest way is probably to do this in styles.css or some other global style sheet:

    color: red;