problema di focus su input box con sfondo transparent su IE7

[Habanero]

Solo su IE7 se creo un form con un campo input avente sfondo transparent, il box non riceve il focus in seguito al classico click. E' necesario cliccare sul bordo per far comparire il cursore.

Qualcuno è a conoscenza del problema? Soluzioni?

  <form class="formtxt" method="post" >
	<input class="inputtxt" type="text" name="ogg" value="">

	<input type="submit" value="Invia">
  </form>

.formtxt .inputtxt    {
                       border-style: solid;
                       border-width: 2px;
                       background-color: transparent;
                      }

[Habanero]

di su!

[thomas_anderson]

ciao Haba!
purtroppo fra le molte caratteristiche di cui accennava il blog di MSDN non c'è menzione della pseudo-classe dinamica :focus. In altre parole, non siamo sicuri che IE 7 la supporti. puoi xmq fare dei test:

1. prova a dichiarare il campo di testo come block e a dargli una larghezza.
2. prova ad aggiungere 'position: relative' al campo di testo, in questo modo:

<!--[if IE 7]>
<style type="text/css">
.inputtxt  {position: relative}
</style>
<![endif]-->

Il commento condizionale da me usato lo devi posizionare nell'elemento head, dopo il foglio
di stile principale. fammi sapere.

[Habanero]

Ciao Gabriele, e ben tornato.

Purtroppo il problema non sembra dipendere direttamente dalle regole CSS. Nessuno dei cambiamenti da te suggeriti risolve il problema.

IE7 sembra considerare come "bucato" l'interno trasparente del campo testo. Se sposto al suo interno il cursore questo rimane a forma di freccia e non cambia nella classica stanghetta verticale. Tale cambiamento avviene solo se il mouse passa sopra il bordo superiore (definito nel css di 2px). Cliccando all'interno del campo non compare nessun cursore. Cliccando su qualsiasi parte del bordo, compare.

L'unico rimedio che ho trovato è quello di aggiungere come sfondo una gif trasparente. In questo caso sembra che IE7 consideri nuovamente "pieno" il campo.

.inputtxt    {
                  border-style: solid;
                  border-width: 2px;
                  background: transparent url('void.gif');
                }

Sospetto che sia un vero e proprio bug di IE7...