Password input field placeholder turns into dots

elad2412 / the-new-css-reset

The New Simple and Lighter CSS Reset

https://elad2412.github.io/the-new-css-reset/

MIT License

2.26k stars 229 forks source link

Closed phparkle closed 2 years ago

phparkle commented 2 years ago

/* reset default text opacity of input placeholder */
::placeholder {
    all: unset;
}

This makes the placeholder text in password fields turn into dots. Without the reset it should display as plain text.

It has something to do with the -webkit-text-security css property...

elad2412 commented 2 years ago

Thanks for this important update, it happens in Chrome and Safari (not in Firefox).

I update the style of ::placeholder that it will affect only on text color.

/* reset default text opacity of input placeholder */
::placeholder {
    color: unset;
}

Instead of:

/* reset default text opacity of input placeholder */
::placeholder {
    all: unset;
}

Updated in the last version of 1.5.0. (Closed Issue)

Thanks again! Elad Shechter