CODEWITHSUNDEEP
csstextselection
Semih Yagcioglu
Semih Yagcioglu

Reputation: 4101

CSS ::selection on Chrome

I am using css selection selector on my blog to override the default behaviour of browser text selection.

The code I use for CSS is given below.

::-moz-selection { background: #ea0000; color: #fff; text-shadow: none; }
::selection { background: #ea0000; color: #fff; text-shadow: none; }

It works on Firefox and IE, but when using Chrome the selection overflows to other areas. Any ideas?

Here's how to test my problem from my blog: semihyagcioglu.com

Upvotes: 1

Views: 174

Answers (1)

James Donnelly
James Donnelly

Reputation: 128781

You need to hide the overflow on your article elements:

article {
    overflow: hidden;
}

Example

Upvotes: 1

Related Questions