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" />

CSS, pseudoklasy CSS