Informacje o nowych artykułach oraz akcjach edukacyjnych prosto na Twojej skrzynce e-mail!

Zmiana koloru tła pola formularza po kliknięciu w nie

Dzięki kaskadowym arkuszom stylów można zmienić wygląd pól formularza z szarych i ponurych, na kolorowe, pasujące do reszty strony. Poniższy kod pokazuje jak wykonać pole formularza po kliknięciu, w które będzie zmieniał się kolor tła oraz obramowania.

<style type="text/css">
    input.pole_tekstowe {
    border: 1px solid gray; /* kolor obramowania przed kliknięciem w pole formularza */ 
    background: #F4F0DF;} /* kolor tła przed kliknięciem w pole formularza */
    input.pole_tekstowe:focus {
    border: 1px solid navy; /* kolor obramowania po kliknięciu w pole formularza */
    background: #E9F4F8;} /* kolor tła po kliknięciu w pole formularza */
</style>
<input type="text" class="pole_tekstowe" />

Spodobało się?

Jeśli tak, to zarejestruj się do newslettera aby otrzymywać informacje nowych artykułach oraz akcjach edukacyjnych. Gwarantuję 100% satysfakcji i żadnego spamowania!

,

Dodaj komentarz

Komentarze (2)

  • Ewa pisze:

    jak zmienić kolor formularza w momencie kiedy jest autouzupełnianie (wtedy tło mam żółte) tzn. jak się samo uzupełni to tło jest żółte, jak uzupełnię z ręki to jest białe. Jak to zmienić?

    • lukas124 pisze:

      Tego chyba nie da się zrobić (a przynajmniej mi się nie udało). Można jednak wyłączyć auto uzupełnianie dodając do pola formularza autocomplete=”off”:

Odpowiedz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Pin It on Pinterest