0
659
VistasWhen I reset the style of ::placeholder on a password input it turn into dots on Chrome & Safari browsers
I'm using all: unset on <input type="password" placeholder="text of placeholder"> and the placeholder turn into dots.
HTML:
<input type="password" placeholder="text of placeholder">
CSS:
::placeholder {
all: unset;
}
The wrong, visual result of placeholder:
Is there any way to still use the all: unset and bring back the value of placeholder that will show up correctly?
·
Santiago Trujillo
1 Respuestas
Responde la pregunta0
try -webkit-text-security: initial; (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-security)
.reset-input::placeholder {
all: unset;
-webkit-text-security: initial;
}<label>Reset Input</label>
<input class="reset-input" type="password" placeholder="placeholder text">
<br><br>
<label>UnReset Input</label>
<input type="password" placeholder="placeholder text">
·
Santiago Trujillo
Denunciar
Responde la pregunta