CSS ::selection glitch?

[NSA]

Hello,

So for some reason when I highlight my button on the webpage it comes up as blue instead of pink.

Has anyone got any ideas as to why it's doing this?
If you want to see the CSS, you can see it here:

You must be registered for see links

Thanks!

 

[Sysode]

No idea why that isn't working, it should do. What browser are you using? I know it works in all modern browsers apart from IE.

 

[NSA]

Using Chrome, which is why I thought it was weird.

 

[Sysode]

EDIT; I've updated it.

Try adding this, not sure if it'll work but worth a try.

.button ::selection {
background: #F768A1; /* Safari */
}
.button ::-moz-selection {
background: #F768A1; /* Firefox */
}

 

[NSA]

Still no joy.

 

[Markshall]

Have you tried ::selection .button { instead?

I have this 'glitch' but I don't think it can be fixed. I've seen it on other sites too.

 

[Mega]

Just use #div:hover.

 

[NSA]

Just use #div:hover.

I don't want to change what happens when the user hovers over.
I want to change the color of the blue selection.

 

[Mega]

I guess it only work for text :3

 

[Sean]

You must be registered for see links

There is a way around this bug for Input fields by using div's instead of input and making the div contenteditable

eg

You must be registered for see links