Hur ändrar man platshållarens färg
- Föregående sida Kantlinje för redigerbart innehåll
- Nästa sida Inaktivera textområdet justera storlek
Lär dig hur du använder CSS för att ändra platshållarens egenskaper.
Hur ändrar man platshållarens färg
Steg 1 - Lägg till HTML:
Använd inmatningselement och lägg till placeholder Egenskap:
<input type="text" placeholder="En röd platshållartext..">
Steg 2 - Lägg till CSS:
I de flesta webbläsare är platshållartexten grå. För att ändra denna inställning använd ::placeholder Väljare för att ställa in platshållarens stil.
Observera att Firefox lägger till en lägre opacitet för platshållare, därför använder vi opacity: 1 Lös detta problem.
::placeholder {
color: red;
opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
color: red;
{}
Relaterade sidor
Referenshandbok:CSS ::placeholder väljare
- Föregående sida Kantlinje för redigerbart innehåll
- Nästa sida Inaktivera textområdet justera storlek
