CODEWITHSUNDEEP
htmlcssstylesheetlocalhost
James
James

Reputation: 7543

Textbox style different on localhost and web server

The following code on a remote web server renders an "invisible" textbox as expected. However the same code on localhost still shows the textbox borders. There are no other stylesheets coming into play (that I am aware of) - and !important has no effect.

<input type="text" style="color:White; border:none; width:1px;" />

I found this discussion which suggests using instead border-left: none, border-right: none etc. This works!! But I'm still posting here because I don't understand why. The page on the server is identical, and being viewed on the same browser (IE8).

Any thoughts?

Upvotes: 0

Views: 634

Answers (2)

Aaron Lee
Aaron Lee

Reputation: 1156

This may be a long shot, but if the local host and web server are compiling the code differently it may be worth trying border: 0; instead or border: none; in the styling.

Upvotes: 0

thirtydot
thirtydot

Reputation: 228282

On the remote server, IE8 is in "IE8 Mode", so it works as expected.

For whatever reason, on localhost IE8 is in "IE7 Mode".

Hit F12 to bring up the Developer Tools to verify this.

Possible causes:

Upvotes: 3

Related Questions