|
| |
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
 |
Applying Style to Browse Button - 3/7/2004 22:45:43
<html>
<head>
<style>
<!--
input{
border : 1px outset #88A0C8;
font-family: Arial
font-size: 11px;
color: #003068;
text-decoration: none;
background-color: #E9EDF0
}
//-->
</style>
</head>
<body>
<form id='f1' name='form1'>
<input type="button" value="button">
<input type="file" size="50">
</form>
</body>
</html>
Note that the look of the button changes, but the look of the browse button which is associated with the input type file does not.
I want to change the look of this browse button.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
|
|
|
|
Giomanach
Posts: 6114
Joined: 11/19/2003
From: England
Status: offline
|
RE: Applying Style to Browse Button - 3/8/2004 4:15:10
I tried assigning it it's own class etc, and only the border worked, not the background color. I'm only having problems getting the background color to work. And you might also want to add the last semi-colon to the font-family command. I just can't get the background color on the browse button to change, I'll keep trying.
Dan
_____________________________
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Applying Style to Browse Button - 3/8/2004 9:30:41
Can you post the exact code for me to look at what you have done?
What I have:
<html>
<head>
<style>
<!--
input{
border : 1px outset #88A0C8;
//plus whatever else you want styled
}
.uploadbox{
border : 1px outset #88A0C8;
height: 17px; //change to whatever size you prefer
}
//-->
</style>
</head>
<body>
<form id='f1' name='form1'>
<input type="button" value="button">
<input type="file" class="uploadbox" size="50">
</form>
</body>
</html>
< Message edited by BobbyDouglas -- 3/8/2004 7:32:37 >
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
Giomanach
Posts: 6114
Joined: 11/19/2003
From: England
Status: offline
|
RE: Applying Style to Browse Button - 3/8/2004 9:33:17
It doesn't look much different, I've just thrown in the semi-colons where you missed them up there:
<html>
<head>
<style>
input{
border: 1px outset #88A0C8;
font-family: Arial;
font-size: 11px;
color: #003068;
text-decoration: none;
background: #E9EDF0;
}
</style>
</head>
<body>
<form id='f1' name='form1'>
<input type="button" value="button">
<input type="file" size="50">
</form>
</body>
</html>
Everything but the background works. Assigning it a class didn't work.
< Message edited by Giomanach -- 3/8/2004 14:35:40 >
_____________________________
| |
|
|
|
Giomanach
Posts: 6114
Joined: 11/19/2003
From: England
Status: offline
|
RE: Applying Style to Browse Button - 3/8/2004 10:00:53
I'd wait until M gets here, see what he has to say that will solve it, if at all
_____________________________
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Applying Style to Browse Button - 3/8/2004 12:38:57
Is it legal to comment in CSS using // ?
< Message edited by BobbyDouglas -- 3/8/2004 10:39:40 >
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Applying Style to Browse Button - 3/8/2004 12:58:51
So you can't use // ?
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
Giomanach
Posts: 6114
Joined: 11/19/2003
From: England
Status: offline
|
RE: Applying Style to Browse Button - 3/9/2004 3:56:09
quote:
So you can't use // ?
That's JavaScript commenting, as Mom has said /*comments*/ is the CSS comments.
Dan
PS Still haven't figured it out yet
_____________________________
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: Applying Style to Browse Button - 3/9/2004 9:28:25
quote:
ORIGINAL: c1sissy
You have to use it like I have shown above, and yes you can use it for commenting. See Here.
Hi BobbyD, I guess I should have explained it better, please forgive me for not doing so.
You can't use the // as Gorilla has already stated. I know I had placed a link, but should have explained it better for you.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Giomanach
Posts: 6114
Joined: 11/19/2003
From: England
Status: offline
|
RE: Applying Style to Browse Button - 3/10/2004 7:56:21
Back to the original point of this thread:
I'm stumped on this one, assigning a class didn't work, making it an external style sheet didn't work, re-writing the CSS didn't work, only thing I haven't tried is images for the background, but they don't work in all browsers, so there'd be no point.
Dan
_____________________________
| |
|
|
|
Giomanach
Posts: 6114
Joined: 11/19/2003
From: England
Status: offline
|
RE: Applying Style to Browse Button - 3/10/2004 9:40:38
I can get the border and everything else to work, it's just getting the background on the browse button that's throwing me off
_____________________________
| |
|
|
|
Nancy
Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline
|
RE: Applying Style to Browse Button - 3/10/2004 13:47:07
While some of you here were trying classes etc, I tried google. *S*
Everything I find says it can't be done. In fact from what I read, the browse button comes from the operating system, and not the browser. So the button text reads somewhat differently on a Mac than a Win system. If you notice, you also can't change the text for that button.
The most style you'll get is for the textbox that appears with the browse button, and the border of the button, but not the background. The reasons (as I was reading it) were for security - apparently the powers that be feel the browse button should look different from the others.
Nancy
_____________________________
Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
. 
