Adding a hand and pointer CSS style dynamically to an Element

[Jason Sapp]

I have a newbee question about how to add two CSS styles to a DOM Element with the same name.  This is a bad example, but lets say that I wanted to add  ('cursor=hand; cursor=pointer' styles to a particular element).

I've tried:

----------------

elem.style.cursor = "pointer";  // Obviously works

----------------

elem.style.cursor = "hand";  // Doesn't work

----------------

elem.style.cursor = "hand; cursor";  // Doesn't work

Thanks,

Jason

[Seth Ladd]

Hi Jason,

Many CSS properties expect a single value. You can set multiple classes on an element, which is a common practice. Can you be more specific, and we'll try to help more.

Thanks,

Seth

--
For other discussions, see https://groups.google.com/a/dartlang.org/
 
For HOWTO questions, visit http://stackoverflow.com/tags/dart
 
To file a bug report or feature request, go to http://www.dartbug.com/new
 
 

[Jason Sapp]

Seth,

You actually answered my question.  Thanks.

Jason

[Jos Hirth]

There is no "hand" cursor.

CSS attributes which take multiple values generally use comma as separator.

http://www.w3.org/TR/CSS2/ui.html#cursor-props

http://www.w3.org/TR/css3-ui/#cursor

[Matthew Butler]

On Thursday, May 23, 2013 5:28:13 AM UTC-3, Jos Hirth wrote:

There is no "hand" cursor.

This is probably one of the most important issues you were running into with your code. Check out this site for a brief rundown of cursor types and a demo in which you can easily see them all.

http://www.w3schools.com/cssref/pr_class_cursor.asp

Matt 

[Jason Sapp]

Thanks Jos and Matthew.  I knew that hand is no longer used (since I think IE 5).  I was just curious if there was a way to support multiple values of the same CSS style.  But, at the end of the day, I really don't think it's needed because (as Seth mentioned), you can implement this functionality just fine with CSS classes.....

Jason

--