On Wednesday, June 13, 2018 at 5:57:58 AM UTC-7, hubertgk wrote:
>
> Is there a way to make certain elements undraggable through CSS?
> I've so far tried wrapping an image element within a <span> element with a
> CSS class pointing to the below code but the image was still draggable. Is
> there a simple way that works?
>
.undraggable {
> user-drag: none;
> -webkit-user-select: none; /* Safari, Chrome */
> -webkit-user-drag: none;
> -khtml-user-select: none; /* Konqueror */
> -moz-user-select: none; /* Firefox */
> -ms-user-select: none; /* IE */
> user-select: none; /* CSS3 */
> }
>
> <span class="undraggable">[img width=32 [image.svg]]</span>
>
>
You were VERY close!
You need to specify that the rule applies to the "img" element WITHIN the
"undraggable" class wrapper. Thus:
.undraggable img { ... }
then,
<span class="undraggable">[img width=32 [image.svg]]</span>
will work as you intend.
enjoy,
-e
Eric Shulman
TiddlyTools.com: "Small Tools for Big Ideas!" (tm)
InsideTiddlyWiki: The Missing Manuals
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/310fb0c6-1ebd-4bc2-95e6-e7b4b25b4ac2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
