Browse button cursor

[Peter]

Should it be possible to apply a cursor to the browse button? How?
I'm trying as below.
I get a hand when positioned at border but then it disappears when over button (text is blue so it seems as this selector is found).

.RadUpload .ruBrowse
{
 cursor: pointer !important;
 color: blue !important;
}

/ Peter

[Kamen Bundev]

Hi Peter,

This is rather tricky - RadUpload works by moving an input type file element under your mouse cursor and that's why your CSS cursor property is not working. You can try setting it to .ruFileInput instead, however this will change the cursor above the text input too.

Greetings,
Kamen Bundev
the Telerik team

[Minh Đinh]

Hello, i tried to do as you said, but the cursor didnot change when mouse over.

I want to change the image of the browse button in radupload and change the cursor to pointer when the mouse is over this button. Is there any way to do this?

Thank you,

Minh

[Kamen Bundev]

Hello Minh Đinh,

Adding this CSS to your page should be enough:

.RadUpload .ruFileInput,
.RadUpload .ruFakeInput,
.RadUpload .ruBrowse
{
    cursor: pointer !important;
}

However Firefox forbids any changes to input type file even with CSS so this workaround won't work there. It should work fine in the rest of the browsers.

Kind regards,
Kamen Bundev
the Telerik team

[Minh Đinh]

Thank you for your reply Kamen,

Yes, i saw this, in IE it was ok but in FF it wasnot.

But it's about the cursor, how can i change the button's background imange when mouse over. Like common asp:button, i used

.buttonStyle1
{
    background-image: url(../images/Button/button1.gif);
    background-color: Transparent;
    cursor: default;
}
.buttonStyle1:hover
{
    background-image: url(../images/Button/button2.gif);
    background-color: Transparent;
    cursor: pointer;
}

but the attribute hover didnot work with browser button in radupload, when the mouse over this button, the image did change but immediately changed back to the first image.

Is it possible to change the radupload's button background image when the mouse is over?

Thank you

[Kamen Bundev]

Hi Minh,

Yes the normal hover won't work due to the floating input type file, so there are special classes .ruInputHover and .ruButtonHover added on hover to those buttons which you can modify to change the background. Since they have rather high specificity of 31-32, you will need at least specificity 33 in order to override them or you can use !important instead. The classes in question were added in Q2 2009 SP1.

All the best,
Kamen Bundev
the Telerik team

[Minh Đinh]

Thank you Kamen, i'm using Q3 2008, i should upgrade to higher version :)

Again, thank for your help,

Minh,