how set browse button cursor = pointer in firefox and ie8

[mastermehdi]

hi

i want set browse button cursor = pointer in firefox and ie8

i do this in opera and chrome

any body can help me?

maybe it is important to know that i use this css too

div.RadUpload .ruFakeInput
{
    display:none;
}

div.RadUpload .ruFileInput,
div.RadUpload .RadUpload,
div.RadUpload  .ruStyled
{
    cursor:pointer !important;
    padding:1em !important; /*Fix chrome cursor*/
}

div.RadUpload .ruBrowse
{
    width:100%;
}

div.RadUpload .ruFileWrap
{
    width:200px;
}

[Ivan Zhekov]

Hello, Mehdi.

You can't set the cursor just for the browse button, because there is an invisible input on top of it. You could, however, set the cursor  when pointing both the textbox and button with the following snippet:

.RadUpload .ruStyled .ruFileInput {
    curspor: pointer;
    cursor: hand;
}

Regards,
Ivan Zhekov
the Telerik team

[mastermehdi]

Thanks Ivan

but as i said i use the same code but this work only in Opera and Chrome!

How can i fix this in Firefox and IE?

[Ivan Zhekov]

Hi, Mehdi.

You can't fix this. This is browser behaviour: some browsers treat transparent elements, as if they are not there (Opera, Chrome) and some the other way around, thus not allowing for hover actions to pass trough.

You could work around this by monitoring the mouse cursor position and setting the overlying input element's cursor, should the cursor position falls within a certain boundary.

All the best,
Ivan Zhekov
the Telerik team