-----------------------------------

Martin

Mon Nov 21, 2005 12:29 am


CSS Styling of <input type="file" />

-----------------------------------

I've gotten it to work in IE, but in Firefox my styles have no effect. So what am I doing wrong?

Here's the css I'm using:
input {
	border:1px solid #000;
    margin: 0px 0px 0px 1px;
}

Thanks in advance.


-----------------------------------

rdrake

Mon Nov 21, 2005 4:19 pm



-----------------------------------

You're doing nothing wrong, it looks like a problem with Firefox.

If you try the following CSS then you will notice that the colour does have an effect on the tag, it just doesn't seem to get rid of the 3d effect it has.  Instead of being a single line border, it's a single line border around the 3d effect.  Check it out to understand what I'm talking about..thisone {
   border: 1px solid #ff0000;
   margin: 0px 0px 0px 1px;
}Doesn't look like there's much of a solution to it.


-----------------------------------

Amailer

Mon Nov 21, 2005 6:31 pm



-----------------------------------

try

input.mybox {
   border: 1px solid #ff0000;
   margin: 0px 0px 0px 1px; 
}



Wait nevermind, that doesn't work either...
His right; can't seem to get rid of it the 3dnessness.

Might want to check out "[url=http://www.quirksmode.org/dom/inputfile.html]Styling an input type='file'"