CSS: Make text not clickable?

[B0b]

Hi everyone,

 

I would like to know how, via CSS, we may make text not clickable?

For instance, if you click on my message and move your mouse, it will highlight it in blue: that's what I'd like to remove!

 

Thanks!

[ignace]

Post some screens and relevant code.

[B0b]

 

I wish text not to be highlighted when we click and drag our mouse on it (ie. what you do when you wish to copy/paste a block of text).

[haku]

It's not really possible to do this, though you can hack it in a few ways:

 

1) Make the text an image.

2) Cover the text with another invisible element

 

Though why you would want to do this is beyond me.

 

The first method will prevent the text from being copied at all (since it only exists in the image), but the second can be circumvented by someone who knows what they are doing.

[ignace]

Is it possible to change the color of the select? I've seen a website do it but couldn't figure out how (:select perhaps or something?) -- found it http://css-tricks.com/overriding-the-default-text-selection-color-with-css/

[Dragosvr92]

Here is how i do it on a page of mine

 

::selection {background: grey;color: white;}/*Normal*/

::-moz-selection{background: grey;color: white;}/*Mozilla*/

::-webkit-selection{background: grey;color: white;}/*Safari*/

 

Set the colors as you wish to match with your body background