6 grudnia 2015 · 1 min czytania
Zaktualizowano 2 lipca 2026
Standardowy wygląd placeholdera - czyli początkowy napisu wewnątrz pól tekstowych w formularzu, może często budzić wiele do życzenia. Jeśli chcesz, aby tekst ten wyglądał inaczej. Przeczytaj mój sposób na to!
Atrybut placeholder w inputach ma zazwyczaj domyślnie szary kolor, jest sposób na zmianę stylu za pomocą CSS.
Poniżej przykład na zmianę jego koloru na niebieski.
::-webkit-input-placeholder {
color: blue;
}
:-moz-placeholder { /* Firefox 18- */
color: blue;
}
::-moz-placeholder { /* Firefox 19+ */
color: blue;
}
:-ms-input-placeholder {
color: blue;
}
Efekt:
Najczęstsze pytania (i odpowiedzi)
Jak zmienić kolor placeholdera w input na niebieski?Użyj pseudo-elementu ::-webkit-input-placeholder dla Chrome/Safari, ::-moz-placeholder dla Firefox 19+ lub :-ms-input-placeholder dla przeglądarki Internet Explorer. W każdym przypadku dodaj property color: blue.
Czy powinienem używać różnych selektorów dla różnych przeglądarek?Tak, każda przeglądarka ma inny prefix dla pseudo-elementu placeholdera. Dlatego należy zdefiniować styl dla wszystkich wersji (::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder i :-ms-input-placeholder), aby zmiana działała uniwersalnie.
Czy mogę zmienić inne właściwości placeholdera oprócz koloru?Tak, możesz zmieniać inne właściwości CSS takie jak rozmiar czcionki, rodzina czcionki czy krycie - wszystko za pomocą tych samych selektorów, dodając właściwe property.
16 lipca 2026 · 9 min czytania
WordPress przechodzi właśnie największą zmianę kierunku od lat: powstał oficjalny zespół WordPress AI, a na 2026 rok zapowiedziano wersję 7.0. Wokół tych newsów narosło sporo…
Czytaj dalej
15 lipca 2026 · 9 min czytania
Vibe-coding to słowo roku w świecie technologii: budowanie działających stron, narzędzi i automatyzacji przez rozmowę z AI, bez pisania kodu samodzielnie. Obietnica brzmi bajkowo…
Czytaj dalej
15 lipca 2026 · 9 min czytania
W artykule o blogu w erze AI Overviews pokazałam strategię: co publikować i jak mierzyć efekty. Ten tekst schodzi piętro niżej, do samego rzemiosła: jak pisać zdanie po zdaniu,…
Czytaj dalejDołącz do bezpłatnej platformy - artykuły, tutoriale, webinary i raporty w jednym miejscu.
0 zł. Bez karty. W każdej chwili możesz zrezygnować.