改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变

46 阅读1分钟

改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变

 开门见山地说最近遇到一个IE浏览器的问题,是关于网页输入框闪烁的光标的,在其他浏览器里,输入框的光标是设定好的白色,如下图: 在这里插入图片描述  结果好家伙,用户上来用了一个IE浏览器,说输入框的光标太浅了看不到,结果我一看,上图这里在IE浏览器是这样的: 在这里插入图片描述  一般来说这个光标颜色是跟着字体颜色走的,字体颜色已经专门设置成白色了,正常光标也应该是白色,IE不是的话基本可以判定是IE浏览器的兼容问题了。然后网上一通查资料,终于发现IE浏览器的输入框闪烁光标是不随着字体颜色变动的,它只会跟着背景色变!!!它会默认变成背景色的反颜色,但我项目里设置的背景色是透明的,最终就出现了这个问题。然后我极端的把背景色设置了全黑,发现确实是这样。。。所以如果这方面要改的话,最好对IE浏览器专门做一个适配来改。 在这里插入图片描述

 另外附上判断浏览器是否为IE浏览器的代码:


function isIE() { //ie?
 if (!!window.ActiveXObject || "ActiveXObject" in window)
  return true;
  else
  return false;
 }

 希望能帮到大家!