Obramowanie aktywnego input

Mam pytanie. Grzebałem już tu i tam uwzględniając kod źródłowy phpbb3 gdzie to podpatrzyłem, a chodzi mi o zmianę inputa podczas jego wybrania (tak jak na obrazkach).

famkeaabb.jpg

Szukałeś w plikach językowych phpbb3?

Tworzysz sobie dowolny input w HTML np.:

CSS: 1) normalny widok:

.jakasklasa input { 

   background-image:white;

   border:1px solid #666;

   width:236px;

   color:#666;

   height:18px;

}
  1. po kliknięciu w środku

    .jakasklasa input:active {

    background-image:yellow;
    
    border:1px solid #cc0000;
    
    color:#000;
    
    width:236px;
    
    height:18px;
    

    }