Inline CSS dla tagu zakotwiczenia i unoszą

Jestem pod wrażeniem, że zmiana znacznika zakotwiczenia przy aktywowaniu można zrobić tak:Inline CSS dla tagu zakotwiczenia i unoszą

a:hover {background: #FFDD00;} 
a:hover {color: #AAAAAA;}

mnie poprawić jeśli się mylę.

Teraz, z jakiegoś zawiłego powodu, nie mogę umieścić tego kodu w arkuszu stylów, muszę umieścić go w rzeczywistym kodzie HTML. Jak to zrobić?

<a href="..." style="___???___">...</a>

Źródło

2011-08-13 John R

możliwy duplikat [Jak napisać: hover in inline CSS?] (Http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css) – user

Nie ma sposobu, aby to zrobić.

Wewnętrzny CSS nie może dotykać pseudoklasy, takich jak :hover.

Zgaduję, że powodem, dla którego chcesz to zrobić, jest to, że możesz edytować tylko kod HTML <body> (niezależnie od przyczyny). Co ty może zrobić to dodać style element:

<style> 
a:hover { 
    background: #FFDD00; 
    color: #AAAAAA; 
} 
<style> 

<a href="#">...</a>

Posiadające element style poza <head> HTML nie jest ważna, ale (co najważniejsze) to działa we wszystkich przeglądarkach.

Źródło

2011-08-13 00:33:30 thirtydot

Potrzebowałem tego do ustawić styl hover dla linków wewnątrz e-mail ... niestety gmail usuwa znaczniki stylu, a także zewnętrzne odniesienia stylów, a także javascripts ... więc nie ma nadziei? –

Jestem prawie pewny, że nie można zastosować wbudowanych klas psudo, ale można to zrobić za pomocą skryptu javascript.

np.

<a href="..." onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">...</a>

Źródło

2011-08-13 00:34:04

Jeśli nie możesz wrzucić swojego kodu HTML do tagu, najlepszym sposobem na to będzie JavaScript. Zazwyczaj nie nazwałbym tego dobrym podejściem, ale wygląda na to, że masz tu związane ręce.

<a href="..." 
    onmouseover="this.style.backgroundColor='#ffdd00';this.style.color='#aaaaaa'" 
    onmouseout="this.style.backgroundColor='transparent';this.style.color='inherit'"> 
... 
</a>

Mam nadzieję, że to rozwiązanie dla Ciebie!

Źródło

2011-08-13 00:34:13 ninjascript

Możesz umieścić oba style w tym samym bloku, w ten sposób.

a:hover { 
    background: #FFDD00; 
    color: #AAAAAA; 
}

A jeśli nie można korzystać z zewnętrznego arkusza stylów, można dodać blok styl szefa swojej stronie ...

... 
    <style> 
     a:hover { 
      background: #FFDD00; 
      color: #AAAAAA; 
     } 
    </style> 
</head> 
...

Źródło

2011-08-13 00:34:24 Fenton

Znalazłem to w starym forum i wydaje się doskonale :)

<a href="###" style="text-decoration: none;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">###</a>

Źródło

2012-11-20 20:32:03 Guy

byłoby lepiej śledzić propozycje określone powyżej w zewnętrznym arkuszu stylów, ale z jakiegoś powodu naprawdę trzeba zrobić, spróbuj tego:

a href = "" style = "dekoracja tekstu: podkreślenie; kolor: niebieski;"

Źródło

2013-04-03 13:55:31 umbregachoong

Inline CSS dla tagu zakotwiczenia i unoszą

Odpowiedz

Powiązane problemy