how set browse button cursor = pointer in firefox and ie8

4 posts, 1 answers
  1. mastermehdi
    mastermehdi avatar
    39 posts
    Member since:
    Apr 2010

    Posted 09 Sep 2012 Link to this post

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

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 11 Sep 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. mastermehdi
    mastermehdi avatar
    39 posts
    Member since:
    Apr 2010

    Posted 11 Sep 2012 Link to this post

    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?

  5. Answer
    Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 12 Sep 2012 Link to this post

    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.
Back to Top