Question - Markdown/Mermaid Visual

[triCNguyen5]

With regard to the new feature added,

Custom Styling with the styles Block
You can now define custom styles for text elements using the new styles block.

All content within this block is added as a <style> tag in the final HTML render.

How would I go about defining the styles block?
I have tried <style></style>, but nothing is applied.
In addition, when hovering the mouse cursor over this Markdown/Mermaid visual, the cursor is a "pointer", is there a way for me to change it to "default" or "auto"?
In the Handlebars visual, I can change the cursor using CSS defined in <style></style>.

[zBritva]

<style> - is tag. Code block: ```style * { color: red; } ```

[zBritva]

I need update docs about it, seems unclear

[triCNguyen5]

Thanks for the quick response. Yes, that would be helpful if there was an example in the documentation.
Also, is there a way to change the mouse cursor? With handlebarJs, we can set the CSS cursor property in the <style> tag.

[zBritva]

Thanks for the quick response. Yes, that would be helpful if there was an example in the documentation. Also, is there a way to change the mouse cursor? With handlebarJs, we can set the CSS cursor property in the <style> tag.

It should work. Try to define cursor style for all tags