text box border - whats going wrong?

[coiL]

Hi,

I'm having trouble setting the css for form text boxes. I don't know if i'm doingsomething worng, or it's just not possible, but it seems that my border colour will only match that of the font colour (color: )

here's what I've got:

input.login {background-color:#EFEFEF;
	color: #666666;
	font-size: 12px;
	border-color: #CCCCCC;
   border: 1px solid;}

with this CSS, the border displays as #666666

input.login {background-color:#EFEFEF;
	color: #CCCCCC;
	font-size: 12px;
	border-color: #CCCCCC;
   border: 1px solid;}

with this code the border displays as #CCCCCC, which is no good beacuse then you can't see the text your entering.

This happens in IE and NS

[Paul O'B]

Hi,

I think you need to put the border color statement after the border statement not before it as in your example.

Or in shorthand as follows:

input.login {background-color:#EFEFEF;
 color: #666666;
 font-size: 12px;
 border: 1px solid #CCCCCC;
   }

Hope this helps.

Paul

[coiL]

Thanks, putting the border color after the border width fixed it. I never realised that It mattered what order you put them in. I guess it's logical though.

thanks