[CSS]Podświetlanie pól formularza Opcje

[robos85]

otóż zrobiłem sobie taki kod w css:

[PHP] pobierz, plaintext 
<?php
#formularz, input:hover, textarea:hover,
		input:focus, textarea:focus {
background: #450F0F;
border-color: #B12727;
}
?>
[PHP] pobierz, plaintext 

lecz podświetla mi on wszystkie pola input.

Ja chcę to zastosować do pól typu text i textarea. Nie chcę aby podświetlało mi submit i reset.

Możecie mi pomóc zmodyfikować ten kod aby robił to co chcę?

Ten post edytował robos85 29.10.2007, 19:05:53

[drPayton]

[HTML] pobierz, plaintext 
input[type="text"] { styl }
[HTML] pobierz, plaintext 

Textarea nie jest polem typu input, więc:

[HTML] pobierz, plaintext 
textarea { style }
[HTML] pobierz, plaintext 

[robos85]

Tag poprawiony.

Dzięki za podpowiedź, już zrobiłem i działa ;]

[HTML] pobierz, plaintext 
input[type="text"] { styl }
[HTML] pobierz, plaintext 

nie działa pod IE, jakieś inne sposoby na IE są?

Ten post edytował robos85 24.11.2007, 23:49:54

[drPayton]

Ano nie działa. Zrób klasy...

[robos85]

czyli każdemu elementowi input muszę nadawać klasę, czy wystarczy że nadam klasę dla form ?
Bo kurcze powoli staje się irytująca różnica w interpretacji css przez FF a IE

[drPayton]

Możesz inaczej. Dla wszystkich inputów dać jakieś właściwości a klasę tylko dla submita; szybciej i prościej.

added:

(...)powoli staje się irytująca(...)

Czemu powoli?

Ten post edytował drPayton 25.11.2007, 19:22:06

[robos85]

no tak, ale nie chce mi się przy każdym inpucie pisać w znaczniku właściwości style. A jak dam ogólną dla input w css np:

[HTML] pobierz, plaintext 
input {style}
[HTML] pobierz, plaintext 

to IE nie czyta. Chyba że źle ciebie zrozumiałem.

[drPayton]

Pod IE7 działa. Pod szóstką nie mam jak sprawdzić. Ale jeśli jest jak mówisz to co poradzisz? Klasy...

[robos85]

a jak te klasy porobić bo coś mi nie działa:/
robię tak input:

[HTML] pobierz, plaintext 
<input class="text" ...... />
[HTML] pobierz, plaintext 

a css:

[HTML] pobierz, plaintext 
.text {
background-color: #CCCCCC;
color: #336699;
}
[HTML] pobierz, plaintext 

i nie działa.