bordo di input type image su Firefox

[SGr33n]

Ciao a tutti,

Ho modificato il tag img di default con border: 0, tuttavia su firefox, con un input type="image" quando ci clicco su mi appare un bordo che prende non solo l'immagine ma anche il margin (o il padding non ricordo quale ho usato ) dell'input.

Come posso eliminarlo ?

Grazie

[Mich_]

Il tag <input> e` diverso dal tag <img>. Devi specificare ambedue nel CSS.

Puoi usare una classe da assegnare ai tag <input type="image" ...>, oppure, se si tratta solo di un problema per i browser conformi al W3C, puoi usare nel CSS:

img, input[type=image] {
...
}

[SGr33n]

Grazie 1000 della risposta Mich_ ma purtroppo con input[type=image] { border: 0; } non ha funzionato...

Comincio a pensare che si tratti del focus... ma è cmq strano che mi capiti solo per questa immagine. In tal caso come faccio ad eliminarlo ?

Grazie ancora

[Mich_]

Se e` il bordino del focus non puoi eliminarlo: e` una cosa inserita dal browser.
Ma lo vedresti anche su un link, e in particoalre su un link che contiene solo un'immagine:
[img]...[/img]


Se non e` il bordo del focus, puoi inserire una classe apposita:
<input type="image" class="qualcosa" src="..." />

E il CSS:
img, .qualcosa { border: 0; }

[SGr33n]

è il focus perchè con tab va via :\

Niente da fare allora giusto ?

Hai detto che se il link è riferito anche ad un testo non appare ? quindi se ci aggiungessi un

& nbsp;

come link ?

[Mich_]

Se e` il focus c'e` sempre.

Puoi toglierlo con un JS:
<a href="..." onfocus="this.blur;"> /* oppure onclick */

<input type="image" onclick="this.blur">

Pero` controlla se poi il form parte.

Ma se fossi in te non mi darei troppi problemi: l'utente che usa FF (o un browser che inserisce il bordino tratteggiato), e` abituato a vederlo, e si aspetta di vederlo, quindi non glielo toglierei.

[SGr33n]

Si, infatti... lo lascerò

Grazie ancora