CSS per una textbox + JS per Focus ed OnBlur

[djciko]

Ho la seguente classe per le textbox:

.tbox
{	
	border-right: #7F9DB9 1px solid;
	border-top: #7F9DB9 1px solid;
	border-bottom: #7F9DB9 1px solid;
	border-left: #7F9DB9 1px solid;
	width:200px;
	font-family:Trebuchet MS;
	font-size:x-small;
	font-weight:bold;
	color:#000099;
}

ed uso il seguente codice JS per gestire il focus:

        
onFocus="javascript:this.style.backgroundColor='#FFFFE0';this.style.borderStyle='solid';this.style.borderWidth='1px';this.style.borderColor='#7F9DB9';"
onBlur="javascript:this.style.backgroundColor='#ffffff';this.style.borderStyle='solid';this.style.borderWidth='1px';this.style.borderColor='#7F9DB9';"

ma noto uno sgradevole cambio di dimensioni della textbox al focus...come mai ?

[Mich_]

Mi sembra che usi un po' troppe istruzioni, sia di CSS che di JS.

Prova con:

.tbox {	
	border: 1 px solid #7F9DB9; /* attenzione all'ordine */
	width: 200px;
	font-family:Trebuchet MS;
	font-size:x-small;
	font-weight:bold;
	color:#000099;
	background-color: #fff;
}

onfocus="this.style.backgroundColor='#FFFFE0';" onblur="this.style.backgroundColor='#fff';"

[djciko]

ora va benissimo. grazie !