Changing the highlight color when selecting text in an HTML text input

html css text input highlight
Eric picture Eric · Feb 13, 2010 · Viewed 124k times · Source

I've been looking for this throughout the web and can't even find anyone else even asking this, let alone a solution...

Is there a way to change the color of the highlight area within a text input when text is selected? Not the highlight border or the background, but the portion that appears around the text when you have the text actually selected.

Answer

Sarfraz picture Sarfraz · Feb 13, 2010

If you are looking for this:

alt text

Here is the link:

http://css-tricks.com/overriding-the-default-text-selection-color-with-css/

Related questions

Add padding to HTML text input field

I want to add some space to the right of an <input type="text" /> so that there's some empty space on the right of the field. So, instead of , I'd get . So, same behavior just some empty space …

Read More
Input Field, wrap text instead of extending horizontally

I have an input field, a user will write text inside but when the text is to long it just extends horizontally instead of dropping down vertically. I tried: overflow: hidden; word-wrap: break-word; and I had no luck. Any other …

Read More
HTML: Changing colors of specific words in a string of text

I have the below message (slightly changed): "Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!" I currently have: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> formatting the text …

Read More