Valid CSS not working

helenaheat · Member · Jul 12, 2020 at 4:47 pm
Copy link

Add topic to favorites
I’m trying to add the following as custom CSS but each time I save my changes everything except for the comments is striped out of my stylesheet. I’ve confirmed this is valid CSS, does anyone know how I can make these styles save correctly?
```
.noSelect
{
  -webkit-touch-callout:none; /* iOS Safari */
  -webkit-user-select:none;   /* Chrome/Safari/Opera */
  -khtml-user-select:none;    /* Konqueror */
  -moz-user-select:none;      /* Firefox */
  -ms-user-select:none;       /* Internet Explorer/Edge */
  user-select:none;           /* Non-prefixed version */
}
```
The blog I need help with is: (visible only to logged in users)
supernovia · Staff · Jul 13, 2020 at 6:59 pm
Copy link
Hi, I can confirm that this is being removed:

.noSelect {
user-select : none;
}

I tried to search for it not working and did find this discussion which suggests it’s a bit controversial in UX circles, but I’ll see if we can find out more.
supernovia · Staff · Jul 13, 2020 at 7:16 pm
Copy link
OK. I can see there’s a bug filed here:
https://github.com/Automattic/jetpack/issues/3671

If you can send more details about what you’re hoping to do, that’ll be helpful.
helenaheat · Member · Jul 13, 2020 at 9:11 pm
Copy link
I’m looking at posting the initial 3 chapters of my new book on my site for users to read but I don’t want to enable users to select/copy the text for copyright reasons.

I think as a work around I will display an image of the text instead. Still curious why this valid CSS is being removed however.

The topic ‘Valid CSS not working’ is closed to new replies.

WordPress.com forums

Valid CSS not working