Podświetlanie Opcje

[kapral]

Mam formularz z kilkoma polami w CSS zrobiłem że po najechaniu na pole formularza zmienia on swoje tło oraz obramowanie, a jeśli kursor opuści pole to kolor i obramowanie wraca do poprzednich ustawień.
Chciałbym zmienić to w ten sposób że po najechaniu zmienia kolor i obramowanie ale żeby ta zmiana była cały czas widoczna gdy kursor jest w polu formularza nawet jak kursorem myszki odjedziemy z pola

[mike]

onmouseover - definiuje reakcję na zdarzenie pochodzące od myszy i polegające na najechaniu nad element.
onmouseout - definiuje reakcję na zdarzenie pochodzące od myszy i polegające na opuszczeniu elementu przez wskaźnik myszy.
onfocus - definiuje reakcję na zdarzenie pochodzące od myszy i polegające na uaktywnieniu elementu.
onblur - definiuje reakcję na zdarzenie pochodzące od myszy i polegające na opuszczeniu aktywnego elementu.

Zwróć uwagę na dwa ostatnie typy zdarzń.

[kapral]

Ok zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<input onfocus="this.style.backgroundColor='#ffffff'" onblur="this.style.backgroundColor='#000000'" type="text" name="aa"  />
[HTML] pobierz, plaintext 

I teraz tło mi się zmienia ale nie wiem jak dodać jeszcze zmiane obramowania czyli: border: 1px solid #444444

[ikioloak]

Analogicznie do tego co juz zrobiles. Tu masz helpa:
http://www.w3schools.com/htmldom/dom_obj_style.asp

[kapral]

Ale chodzi mi o to że nie wiem jak to połączyć w jednym onfocus czy onblur

[mike]

Daj tak:

[HTML] pobierz, plaintext 
<style type="text/css">
input, .input_blur {
background: #fff;
border: #000 solid 1px;
}
.input_focus {
background: #efefef;
border: #f93 solid 1px;
}
</style>
<input type="text" name="aa" onfocus="this.className='input_focus'" onblur="this.className='input_blur'" />
[HTML] pobierz, plaintext 

[kapral]

Dzięki mike_mech o to właśnie mi chodziło