Text selection color when input is clicked in Chrome

[Sanabria]

This has been a simple yet tricky issue for me to resolve.

Once you click the input and the current page number becomes editable, the browser's default text selection color kicks in highlighting the number with that known faint blue. Normally, it shouldn't be a problem but when the input is stylized with a dark background the contrast is not a good and the number is barely visible.

I have tried changing the background color for the text selection using the ::selection selector (according to http://css-tricks.com/overriding-the-default-text-selection-color-with-css/) and it does work in Firefox. However, Chrome refuses to change it. I realize this is a browser issue and that not much can be done about it.

Here's a jsfiddle to better explain myself: http://jsfiddle.net/sanabria/Q749M/4/

I was wondering if the automatic text selection when the input is clicked can be prevented so I can avoid the issue altogether. Thanks in advance.