Changing the image of browse button for xforms upload control

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Changing the image of browse button for xforms upload control

srikanth.prodigy

Hello All,

 

I’m trying to change the image of the browse button in xforms:upload control

How can I  apply image to a Browse button.

 

In firebug  in Html

 

<input type="file" unselectable="on" name="_eventdetails_WAR_eventdetails_xforms-element-236" class="xforms-upload-select"/>

 

In CSS

 

input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea {

-x-system-font:none;

background-image:url(../images/forms/input_shadow.png);

background-repeat:no-repeat;

border-color:#BFBFBF #DEDEDE #DEDEDE #BFBFBF;

border-style:solid;

border-width:1px;

font-family:Arial,Helvetica,Verdana,sans-serif;

font-size:1em;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

padding:5px 1px;

}

everythi...242746455 (line 1)

input {

background:#FFFFFF none repeat scroll 0 0;

}

everythi...242746455 (line 1)

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

margin:0;

padding:0;

}

 

Thanks,

Srikanth A

 

 



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: Changing the image of browse button for xforms upload control

Erik Bruchez
Administrator
Srikanth,

Styling the HTML upload control is notoriously difficult. Maybe this
link can help you:

http://www.quirksmode.org/dom/inputfile.html

-Erik

On Wed, Jul 22, 2009 at 3:40 AM, Srikanth
A<[hidden email]> wrote:

> Hello All,
>
>
>
> I’m trying to change the image of the browse button in xforms:upload control
>
> How can I  apply image to a Browse button.
>
>
>
> In firebug  in Html
>
>
>
> <input type="file" unselectable="on"
> name="_eventdetails_WAR_eventdetails_xforms-element-236"
> class="xforms-upload-select"/>
>
>
>
> In CSS
>
>
>
> input[type="text"], input[type="password"], input[type="file"],
> input[type="submit"], input[type="button"], input[type="reset"], select,
> textarea, .textarea {
>
> -x-system-font:none;
>
> background-image:url(../images/forms/input_shadow.png);
>
> background-repeat:no-repeat;
>
> border-color:#BFBFBF #DEDEDE #DEDEDE #BFBFBF;
>
> border-style:solid;
>
> border-width:1px;
>
> font-family:Arial,Helvetica,Verdana,sans-serif;
>
> font-size:1em;
>
> font-size-adjust:none;
>
> font-stretch:normal;
>
> font-style:normal;
>
> font-variant:normal;
>
> font-weight:normal;
>
> line-height:normal;
>
> padding:5px 1px;
>
> }
>
> everythi...242746455 (line 1)
>
> input {
>
> background:#FFFFFF none repeat scroll 0 0;
>
> }
>
> everythi...242746455 (line 1)
>
> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
> fieldset, input, textarea, p, blockquote, th, td {
>
> margin:0;
>
> padding:0;
>
> }
>
>
>
> Thanks,
>
> Srikanth A
>
>
>
>
>
> --
> You receive this message as a subscriber of the [hidden email] mailing
> list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws