Czy wiesz, że Contact Form 7 pozwala zmienić kolor tekstu zastępczego?
Jeśli kiedykolwiek używałeś Contact Form 7, to być może zauważyłeś, że ma domyślny kolor tekstu zastępczego. Możesz dostosować tekst zastępczy, korzystając z wbudowanych opcji Contact Form 7 — lub nawet dostosować go za pomocą CSS!
W tym artykule pokażemy, jak zmienić kolor tekstu zastępczego w Formularzu kontaktowym 7, a także zamieścimy przykłady kodu dla obu metod.
{automatycznie}
Odkryliśmy, że wielu klientów na naszym forum wsparcia ma problemy z ustawieniem lub zmianą koloru czcionki tekstu zastępczego w formularzu kontaktowym 7.
Contact form 7 to jedna z najpopularniejszych wtyczek WordPress, która umożliwia tworzenie podstawowych lub złożonych formularzy kontaktowych na Twojej stronie WordPress. Pisaliśmy już jak naprawić błędy w wysyłaniu formularza kontaktowego 7 nessages.
Pokażemy Ci, jak dostosować kolor tekstu za pomocą niestandardowego kodu: Jeśli nie masz doświadczenia w kodowaniu, a potrzebujesz prostszej i łatwiejszej w użyciu wtyczki do tworzenia formularzy, wypróbuj WPForms.
CSS dla tekstu zastępczego CF7
::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}Użyj znacznika !important
Tag „!important” jest używany, aby zagwarantować, że inne style nie zostaną zastosowane do tych selektorów CSS. Zapewnia to, że styl będzie działał. Jeśli chcesz, aby styl był używany tylko w polach formularza kontaktowego 7, możesz użyć tego:
.wpcf7::-webkit-input-placeholder { /* Przeglądarki WebKit */ kolor: #000 !ważne; krycie: 1; }
Jeśli chcesz udostępnić na swojej stronie jeden konkretny formularz kontaktowy, nie zmieniając przy tym innych formularzy kontaktowych 7, poszukaj identyfikatora formularza w następujący sposób:
Kliknij prawym przyciskiem myszy element, o który chodzi, i wybierz opcję Inspect Element (Zbadaj element). Skróty: F11 (Windows) lub CMD + SHIFT + C (MAC) Znajdź identyfikator i zamień na niego 'wpcf_id' w tym kodzie:
#wpcf_id::placeholder { kolor: #000 !ważne; krycie: 1; }
JESTEM H
Chcesz szybką stronę internetową?
Kogo ja oszukuję? Czyż nie wszyscy?
Dlaczego więc tak wielu z nas walczy?
Największym wyzwaniem jest zwykle znalezienie szybkiej, niezawodnej firmy hostingowej.
Wszyscy przechodziliśmy przez koszmary – wsparcie trwa wieczność lub nie rozwiązuje naszego problemu, zawsze obwiniając coś po swojej stronie…
Ale największym problemem jest to, że witryna zawsze działa wolno.
At CollectiveRay hostujemy za pomocą hostingu InMotion, a nasza strona jest głupio szybka. Działamy na niestandardowym stosie konfiguracji serwera LightSpeed na MariaDB z silnikiem PHP 7.4 i frontem przez Cloudflare.
W połączeniu z naszymi optymalizacjami front-endu niezawodnie obsługujemy 6000 użytkowników każdego dnia, przy szczytowej liczbie 50+ jednoczesnych użytkowników.
Chcesz uzyskać szybką konfigurację, taką jak nasza? Przenieś swoją witrynę za darmo na hosting InMotion i uzyskaj 50% ZNIŻKI na aktualne ceny.
Wypróbuj InMotion Hosting z 50% ZNIŻKĄ na CollectiveRay goście w listopad 2025 TYLKO!
Możesz śmiało zostawić komentarz lub zadać pytanie poniżej!