Re: [WSG] Styling of input type=file
Soeren, on Thursday, March 9, 2006 at 18:42 wsg@webstandardsgroup.org wrote: for an input type=file we like to design the button and, if possible, the background-color for focus. Does anybody know how to do that? The link in the fieldset 'Upload a file to the W3C Validator.': http://www.webnauts.net/redesign/check.html You could do it by using some JavaScript and a technique by PPK: http://www.quirksmode.org/dom/inputfile.html But do consider if it's worth to do so, or if you better stick with the default controls for usability reasons. regards Martin ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Styling of input type=file
Hi soeren,
well this is one way
style type=text/css
!--
input {font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #F0F0F0; color: #00AEEF; border: 1px solid
#FF; padding:0 3px 0 3px; margin-bottom:3px;}
select {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #00; color: #EF9702; border: 1px solid
#B1B1B1; padding:0 3px 0 3px; margin-bottom:3px;}
textarea {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #00; color: #EF9702; border: 1px solid
#B1B1B1; padding:0 3px 0 3px; margin-bottom:3px;}
--
/style
hope this is what you want, but just play with it.
Cheers tiaan :-)
- Original Message -
From: Martin Heiden [EMAIL PROTECTED]
To: Soeren Mordhorst wsg@webstandardsgroup.org
Sent: Friday, March 10, 2006 11:37 AM
Subject: Re: [WSG] Styling of input type=file
Soeren,
on Thursday, March 9, 2006 at 18:42 wsg@webstandardsgroup.org wrote:
for an input type=file we like to design the button and, if
possible, the background-color for focus.
Does anybody know how to do that?
The link in the fieldset 'Upload a file to the W3C Validator.':
http://www.webnauts.net/redesign/check.html
You could do it by using some JavaScript and a technique by PPK:
http://www.quirksmode.org/dom/inputfile.html
But do consider if it's worth to do so, or if you better stick with
the default controls for usability reasons.
regards
Martin
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
__
Email disclaimer and confidentiality note
Please refer to : http://www.inxcom.com/email.html
for Inxcom's email disclaimer and usage policy.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Styling of input type=file
Thanks Martin, thanks Andrew ! I decided to leave it like it is. I understood that a satisfied styling of an input type=file - Element with CSS is not possible and Javascript in our website not acceptable. So we have to live with it like it is now. All the best, Soeren The link was: http://www.webnauts.net/redesign/check.html ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Styling of input type=file
Thank you Tiaan!
I think, this is a good appendage, but not fullfill everything, cause we
want to have something like input:focus and, for all things, style the
button with a background-image.
Greetings,
Soeren :)
Tiaan Vorster schrieb:
Hi soeren,
well this is one way
style type=text/css
!--
input {font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #F0F0F0; color: #00AEEF; border: 1px solid
#FF; padding:0 3px 0 3px; margin-bottom:3px;}
select {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #00; color: #EF9702; border: 1px solid
#B1B1B1; padding:0 3px 0 3px; margin-bottom:3px;}
textarea {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #00; color: #EF9702; border: 1px solid
#B1B1B1; padding:0 3px 0 3px; margin-bottom:3px;}
--
/style
hope this is what you want, but just play with it.
Cheers tiaan :-)
- Original Message -
From: Martin Heiden [EMAIL PROTECTED]
To: Soeren Mordhorst wsg@webstandardsgroup.org
Sent: Friday, March 10, 2006 11:37 AM
Subject: Re: [WSG] Styling of input type=file
Soeren,
on Thursday, March 9, 2006 at 18:42 wsg@webstandardsgroup.org wrote:
for an input type=file we like to design the button and, if
possible, the background-color for focus.
Does anybody know how to do that?
The link in the fieldset 'Upload a file to the W3C Validator.':
http://www.webnauts.net/redesign/check.html
You could do it by using some JavaScript and a technique by PPK:
http://www.quirksmode.org/dom/inputfile.html
But do consider if it's worth to do so, or if you better stick with
the default controls for usability reasons.
regards
Martin
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
__
Email disclaimer and confidentiality note
Please refer to : http://www.inxcom.com/email.html
for Inxcom's email disclaimer and usage policy.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Styling of input type=file
This element is generally 'unstylable' for security reasons; namely ensuring the user is aware of what they're doing. Did you search first? http://www.google.com/search?q=CSS+input+type%3D%22file%22start=0ie=utf-8oe=utf-8client=firefox-arls=org.mozilla:en-US:official The first result is about as good of write up as you're likely to find. On 3/10/06, Soeren Mordhorst [EMAIL PROTECTED] wrote: Dear WSG, for an input type=file we like to design the button and, if possible, the background-color for focus. Does anybody know how to do that? The link in the fieldset 'Upload a file to the W3C Validator.': http://www.webnauts.net/redesign/check.html Thanks in advance! All the best, Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- http://leftjustified.net/ ~ Show me one user that actually needs a 'reset' button on a web form and I'll show you 50 that clicked it by mistake and left your site in disgust. :)
