This is a migrated thread and some comments may be shown as answers.
how set browse button cursor = pointer in firefox and ie8
3 Answers 33 Views
This is a migrated thread and some comments may be shown as answers.
mastermehdi
Top achievements
Rank 2
mastermehdi asked on 09 Sep 2012, 06:48 PM

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;
}

3 Answers, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 11 Sep 2012, 02:08 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
mastermehdi
Top achievements
Rank 2
answered on 11 Sep 2012, 05:00 PM

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?

0
Accepted
Ivan Zhekov
Telerik team
answered on 12 Sep 2012, 11:03 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Asked by
mastermehdi
Top achievements
Rank 2
Answers by
Ivan Zhekov
Telerik team
mastermehdi
Top achievements
Rank 2
Share this question
or