CSS Cursor on graphic symbol

[FlatChat]

I have an CSS working on several elements.  I now want to add a 'move' cursor to a graphic symbol.  It's not working.

#ConcaveSphereLens {
cursor:move;
}

The symbol instance is correctly named.

[JoãoCésar]

You can assign any valid CSS cursor name to a symbol instance on stage using the cursor property.

Like this:

this.graphic.cursor = "n-resize";

Regards,

JC

[FlatChat]

Thanks JC.  

So external CSS loaded via the CSS component won't work for a graphic symbol?

If so, that's pretty odd as I'm already using the external CSS to change the cursor for ComboBoxes via the .ui-combobox_lens class.  That works OK...   So what is different about graphic symbols?  I also change the graphic symbol to button symboil, but it just gets the pointer cursor instead of the move or grab cursor.

.ui-combobox_lens{
	font-size: 10px;
	cursor:pointer;
}

[JoãoCésar · Accepted solution]

Graphic symbols are canvas/CreateJS based objects. It means they live inside of a canvas element (e.g.:<canvas id="myCanvas" width="200" height="100">). So they cannot be modified by CSS.

Components are DOM elements and live outside the canvas. And that's why they can be modified using CSS.

Regards,

JC