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
#FFFFFF; padding:0 3px 0 3px; margin-bottom:3px;}

select {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #000000; 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: #000000; 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
******************************************************

Reply via email to