• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2602
  • Last Modified:

Hand cursor on HTML dropdown

Dear experts,

I cannot explain my self why the following code does not show a "hand" cursor.

<select style="cursor:hand;"><option>something</option></select>

Why doesnt' it work?

Thnx in advance ;)
0
ChoobsTech
Asked:
ChoobsTech
  • 6
  • 4
  • 3
  • +1
3 Solutions
 
ToastedWebCommented:
that is very simple... because the right way is:

<select style="cursor:pointer;"><option>something</option></select>
0
 
ChoobsTechAuthor Commented:
As simple as it seems, it's not working on IE7.

<select style=\"cursor:pointer;\"><option>Doesn't work</option></select>

I want a cursor looking like a HAND (same as when you mouse over a html link)

<span style="cursor:hand;">
works
</span>

<select  style="cursor:hand;"><option>Doesn't work</option></select>

I tried several combinations, none is working. (The "right way" doesn't work either, at least on IE7)
0
 
ChoobsTechAuthor Commented:
<a href="javascript:void(0)"><select style="cursor:pointer;"><option>Doesn't work</option></select></a>

Or
<span style="cursor:hand;"><select style="cursor:pointer;"><option>Doesn't work</option></select></span>

Are not working either...
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
Rok-KraljCommented:
try giving cursor:hand; to option tag.
0
 
Rok-KraljCommented:
after googling I come to conclusion that it is not possible in IE.
0
 
_agx_Commented:
ChoobsTech,

I suspect its IE7.  ToastedWeb's code worked for me using both IE6 and Firefox.

If you try the cursors on this page do any of them work with IE7?
http://www.echoecho.com/csscursors.htm
0
 
ChoobsTechAuthor Commented:
To Rok-Kralj:
I already tried giving it to <option> without success, and for now I tend agree for now that it's not possible but I still hope to be proven wrong, which is the whole purpose of this opened question.

To _agx_:
They all work in IE7 but the point is to get them working with a <select>
0
 
_agx_Commented:
Okay.  Just wanted to confirm that particular cursor works at all w/IE7.  

>  ToastedWeb's code worked for me using both IE6 and Firefox.

I have to take that back.  I ran another test.  The select list cursor does work with Firefox 2, but not for IE6.  For IE6 it seems to work only for _other_ elements, not select lists.  At least for me anyway.  So add my vote to the  "I suspect its not supported" column.

Good luck
0
 
ToastedWebCommented:
however, you should not use cursor styles on select element... that would be usability isue, since users
are used to the default cursor on select element...

my code does not work in IE6, sorry for the wrog answer.
0
 
ChoobsTechAuthor Commented:
To ToastedWeb:

I design an application closer to a desktop application with loads of AJAX, changing the size of the select when chosen, etc.

It already doesn't look much like a select anymore, and this is why the cursor should look like it's selectable.
0
 
ToastedWebCommented:
I understandt your needs, but then again, maybe you could use some other method for this...  maybe you could create a multilevel menu...
0
 
ChoobsTechAuthor Commented:
Ok thnx for the help everyone ;)

I think topic should be closed as it doesn't seem to be possible... I think I'll head for some nice DOM table manipulation to make it look the same :D

I'll distribute points in the following manner:
ToastedWeb 3 posts -->200pts
Rok-Kralj 2 posts --> 150pts
_agx_ 2 posts -->150 pts

Grade will be C as no solution was found. Should you have any complaints, feel free to do so, I'm opened to criticism for next time ;)
0
 
ChoobsTechAuthor Commented:
Simply not possible with IE7 at the moment.
0
 
ToastedWebCommented:
you did it the right way... i think...
0
 
_agx_Commented:
ChoobsTech,

I wasn't expecting any points since I only reiterated what was stated by others. But I appreciate your open-mindedness and it was nice of you to want to award points ;)  

Personally I don't think a "C" was appropriate here for several reasons  

1) You asked about custom cursors on select list. You never asked about "simulating a select list" if custom cursors weren't possible.  

2) I suspect the answer you were given was correct: ie what you want to do isn't possible in your environment.  Its likely there's not much anyone can do about that :)

So asking asked additional questions, or maybe even asking for the question to be closed so you could re-phrase it would seem more appropriate IMO.

Just my $0.02 ;-)
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 6
  • 4
  • 3
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now