dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Use CSS to display cursor

  1. #1
    Join Date
    Sep 2006
    Posts
    192

    Use CSS to display cursor

    For displaying a link, instead of using <a>, I used <div class="xxxxxxx">, such as

    <div class="first" >
    Outer line
    <div class="second">
    inner line
    </div>
    </div


    In the x.css file:

    .first{
    font-size: 9pt;
    cursorointer;
    cursor:hand;
    }

    .second{
    font-size: 9pt;
    }

    Now the problem is that when the mouse pointer moved to the inner line area, the HAND cursor is still displayed.

    My question: How can I set the

    .second{
    font-size: 9pt;
    }

    so that when the mouse pointer moved to the inner line area, the HAND cursor will disappear.


    Thanks

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    .first{
    font-size: 9pt;
    cursorointer;
    }

    .second {
    cursor:default;
    }

    Keep in mind just because you set the cursor to be a hand pointer does not mean that section is converted into a link.
    You will have to use some JavaScript to achieve that function otherwise it would be deceptive and a turnoff for the end user.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles