[css] cursor: Opcje

[bne]

Witam, ostatnio zaczynam bawić się ajaxem i mam dość żałosny problem, kiedy chce przypisać jakiemuś elementowi "cursor: hand" nie bardzo działa. (na IE jest wporządku) na firefoxie nie. Znacie jakiś inny sposób na zmiane kursora ?

Próbowałem też onmouseover="this.style.cursor='hand'" mimo, że nie bardzo mi się podoba dopisywanie tego przy każdym elemencie, ale i tak nie działa

Ten post edytował bne 16.03.2007, 20:41:52

[batman]

cursor: pointer;

[bne]

Ok, mój błąd. A nie ma czegoś w css, żebym nie musiał pisać tego przy każdym elemencie ?

[batman]

Nadajesz temu elementowi klasę np.

[HTML] pobierz, plaintext 
<div class="nazwa_klasy">jakiś tekst</div>
[HTML] pobierz, plaintext 

, a następnie w stylach definiujesz styl dla tej klasy:

[HTML] pobierz, plaintext 
div.class {
    cursor: pointer;
}
[HTML] pobierz, plaintext 

I w ten oto sposób masz "rączkę" nad wybranym elementem.

Jeśli masz dużo kodu do przerobienia możesz zrobić inną rzecz. Zamykasz cały kod w jednego div-a, nadajesz mu jakieś id

[HTML] pobierz, plaintext 
<div id="content">
<!-- duzo tekstu -->
</div>
[HTML] pobierz, plaintext 

, a następnie w stylach (przy założeniu, że chcesz dodać "rączkę" nad wszystkimi akapitami):

[HTML] pobierz, plaintext 
div#content p {
    cursor: pointer;
}
[HTML] pobierz, plaintext