Computer Science Canada

CSS Styling of <input type="file" />
Author:  Martin [ Mon Nov 21, 2005 12:29 am ]
Post subject:  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:
code:
input {
        border:1px solid #000;
    margin: 0px 0px 0px 1px;
}


Thanks in advance.
Author:  rdrake [ Mon Nov 21, 2005 4:19 pm ]
Post subject: 
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.
code:
.thisone {
   border: 1px solid #ff0000;
   margin: 0px 0px 0px 1px;
}
Doesn't look like there's much of a solution to it.
Author:  Amailer [ Mon Nov 21, 2005 6:31 pm ]
Post subject: 
try
code:

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 "Styling an input type='file'"

:


You can syndicate this boards posts using the file backend.php or view the topic map using sitemap.php.

Terms of Use | Privacy Policy