CSS ::selection on Chrome

Question

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

Maybe you could try `::-webkit-selection`. – Moduo Jan 02 '14 at 12:33 — Moduo, Jan 02 '14 at 12:33
@Tom: There is no `::-webkit-selection`. – BoltClock Jan 02 '14 at 12:35 — BoltClock, Jan 02 '14 at 12:35

score 1 · Accepted Answer · answered Jan 02 '14 at 12:33

1

You need to hide the overflow on your article elements:

article {
    overflow: hidden;
}

Example

answered Jan 02 '14 at 12:33

James Donnelly

1 Answers1