近期在一个项目的开发过程中，开发童靴拿了一个问题问我，当时我十分纳闷为什么会出现那个问题，后来在CSS森林群里也问了，当时Leeiio跟我说他在window系统中是OK的，怀疑是我的系统主题有关系，
输入框文本选择时的背景色问题网页设计
。因为我的系统主题使用的比较特别，个人也很喜欢（感谢pufen提供），但开发童靴那边是经典主题啊，十分纳闷。今天抽空在半夜写下这篇日志，记录一下这个问题，不知道算不算是一个BUG吧。
问题来源是开发童靴在把鼠标焦点定位在文本输入框的时候，发现文字的背景颜色很淡，而且仅仅只是在IE浏览器才会这样，但是在其他个别文本输入框中选择文字的时候背景是深色的。
PS：该问题仅仅只是在IE浏览器中才会有，其他浏览器是正常的。
纳闷后发现跟文字的颜色定义有关系，当文本输入框中的文字颜色是淡色（例如#CCCCCC）时，选中的文字背景颜色也会是淡淡的颜色；而当文本输入框中的文字颜色是深色（例如#333333）时，选中的文字背景颜色也会是深色的。
带着这个怀疑，晚上简单做了一个输入框文本选择时的背景色问题的demo，然后找了3个朋友试了一下，结果如下图所示：
输入框文本选择时的背景色问题
由图中可见对于window系统中，就算是使用了默认的系统主题也是有相同的问题出现的。
12345678910111213
<span>< !DOCTYPE html PUBLIC<span>"-//W3C//DTD XHTML 1.0 Transitional//EN"</span><span>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span>></span></span><span><span><html</span><span>xmlns</span>=<span>"http://www.w3.org/1999/xhtml"</span><span>></span></span><span><span><head<span>></span></span></span><span><span><meta</span><span>http-equiv</span>=<span>"Content-Type"</span><span>content</span>=<span>"text/html; charset=gb2312"</span><span>/></span></span><span><span><title<span>></span></span></span>输入框文本选择时的背景色问题<span><span></title<span>></span></span></span><span><span></head<span>></span></span></span><span><span><body<span>></span></span></span><span><span><input</span><span>type</span>=<span>"text"</span><span>value</span>=<span>"选中后文字的背景色是怎么样的呢？"</span><span>style</span>=<span>"color:#CCCCCC;"</span><span>/></span></span><span><span><br</span><span>/></span></span><span><span><input</span><span>type</span>=<span>"text"</span><span>value</span>=<span>"选中后文字的背景色是怎么样的呢？"</span><span>style</span>=<span>"color:#333333;"</span><span>/></span></span><span><span></body<span>></span></span></span><span><span></html<span>></span></span></span>
考虑到文本输入框中原始文字颜色是要淡化的，而获得焦点的时候文字颜色是可以改变为深色，因此跟开发童靴沟通，当文本输入框获得焦点的时候改变文字的颜色为深色，那么不仅能解决IE浏览器中的问题，同时还可以给用户以突出显示的方式提醒，
电脑资料
《输入框文本选择时的背景色问题网页设计》(https://www.unjs.com)。对于这个问题我也不晓得算不算是一个BUG的问题，姑且暂时个人以为它就是一个浏览器的BUG吧。
本文来自：小志个人博客 原文链接：http://blog.linxz.cn/input_color_bug_for_ie/