Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> input i hover
Fixus
post
Post #1





Grupa: Zarejestrowani
Postów: 295
Pomógł: 9
Dołączył: 8.02.2006

Ostrzeżenie: (0%)
-----


Witam.
Mam kawałek css`a
  1. .content_blog input:hover {
  2. color: white;
  3. background: black;
  4. }


FF interpretuje to bez problemów i jak najeżdżam to zmienia kolory ale IE odmawia mi współpracy. Czy można zmusić IE do zmiany kolorów po najechaniu na input`a ? Mam tu na myśli nie tylko guzik ale też pole
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----


Można z tym ze musisz użyć JS i zdarzen onmouseover i onmouseout


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
mike
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


whatever:hover
Go to the top of the page
+Quote Post
Cezar708
post
Post #4





Grupa: Zarejestrowani
Postów: 1 116
Pomógł: 119
Dołączył: 10.05.2005
Skąd: Poznań

Ostrzeżenie: (0%)
-----


niestety IE jest oporne (tu jakiś artykuł przykładowy na ten temat) jest kilka możliwości obejścia tego. Jedną z nich jest uzycie JavaScript i zdarzeń onMouseOver i onMouseOut, dla przykładu:

  1. input.input_hover {
  2. color: white;
  3. background: black;
  4. }
  5. function replaceClass(elem, className){
  6. elem.className = className;
  7. }
  8.  
  9. <div class="content_blog">
  10. <input onmouseover="replaceClass(this, 'input_hover')" onmouseout="replaceClass(this, '')">
  11. </div>


nie sprawdzałem ale powinno zadziałać w większości przeglądarek
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 09:27