[CSS] Zmiana stylu <input type="file">

[Cvaniak]

Jak w temacie, orientuje się może ktoś jak zmienić styl pola <input type="file">?
Takie coś odrazu mówie że nie działa:

Kod: Zaznacz cały

input.file {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	border: #bdbdbd solid 1px;
}

[Hawk]

Zedfiniowales styl dla elementu klasy file, ktorego nigdzie nie umiesciles.

Kod: Zaznacz cały

<input class="file" type="file" />

Kod: Zaznacz cały

input.file { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   border: #bdbdbd solid 1px; 
}

Z tego co wiem nie ma zdefiniowanych klas dla roznych typow elementu input, musisz sobie je samemu stworzyc, albo uzyc zbiorowej deklaracji dla wszystkich input'ow.

[Stig]

Zawsze można skorzystać z tzw. attribute selectors. Przykład:

Kod: Zaznacz cały

input[type="file"] { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   border: #bdbdbd solid 1px; 
}
...
<input type="file" />

[Hawk]

Zawsze można skorzystać z tzw. attribute selectors.

O tym nie wiedzialem . W sumie to lepsze wyjscie, mniej pisania.

[Cvaniak]

Pod firefoxem to nie działa, czytałem kiedyś że trzeba zastosować js (?).

[atom]

Bo przeglądarki niekoniecznie w pełni implementują CSS2. Zobacz tutaj CSS contents and browser compatibility

Najpewniejsze będzie moim zdaniem skorzystanie z atrybutu class, jak podpowiadał Hawk

[Stig]

Wszystkie nowoczesne przeglądarki, w tym Firefox, wspierają attribute selectors, co także wynika z danych quirksmode.org, które przytoczył atom. Takie rozwiązanie działa w przeglądarkach z silnikiem Gecko. Prawdopodobnie Twój problem może polegać na tym, że wybrałeś nierzucające się w oczy atrybuty prezentacji. Spróbuj nadać selektorowi np. specyficzne tło.