Disable text selection on Dashboard

[JorgeAlberto91MS]

Hello... I'm Working with a Node-Red Dashboard, my app is running on a Kiosk on Raspbian
My Raspberry pi board includes a Touch Screen.

¿Is there a way to include CSS in the dashboard to disable text selection and also disable the drag-and-drop feature?

I want to prevent users from accidentally doing this:

Thanks!

[Steve-Mcl]

@JorgeAlberto91MS

Is there a way to include CSS in the dashboard

Yes. Use a ui_template node set to "add to head" then enter a style tag with your CSS inside.

[JorgeAlberto91MS]

OK, thanks for the answer, Steve.

I am not an expert in HTML, CSS and JavaScript
I understand that with an "ui_template" I can apply styles to all the HTML content inside it, but I don't know how to apply styles to a component like the dashboard.

Selectable text.

Unselectable text.

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

Source of the code: https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting