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

开门见山地说最近遇到一个IE浏览器的问题，是关于网页输入框闪烁的光标的，在其他浏览器里，输入框的光标是设定好的白色，如下图：

结果好家伙，用户上来用了一个IE浏览器，说输入框的光标太浅了看不到，结果我一看，上图这里在IE浏览器是这样的：

一般来说这个光标颜色是跟着字体颜色走的，字体颜色已经专门设置成白色了，正常光标也应该是白色，IE不是的话基本可以判定是IE浏览器的兼容问题了。然后网上一通查资料，终于发现IE浏览器的输入框闪烁光标是不随着字体颜色变动的，它只会跟着背景色变！！！它会默认变成背景色的反颜色，但我项目里设置的背景色是透明的，最终就出现了这个问题。然后我极端的把背景色设置了全黑，发现确实是这样。。。所以如果这方面要改的话，最好对IE浏览器专门做一个适配来改。

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


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

希望能帮到大家！

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

html怎么改变网页整体的大小,html设置浏览器大小
在写html网页的时候有时需要控制浏览器大小,下面由学习啦小编为大家整理了html设置浏览器大小的方法,希望对大家有帮助! html设置浏览器大小方法网页布局使用css来控制是最好,需要理解浏览器的 ...
input光标颜色修改
在点击 input 输入框时,想给光标换个颜色,一般谷歌浏览器默认光标颜色是黑色,GitHub默认白色,如何修改? 1.使用color来实现因为光标颜色是继承输入框字体颜色,所以用 color 属性 ...
前端input操作，修改光标颜色，去除背景色
修改光标颜色方法: input输入框的光标颜色修改有两种: 第一种设置光标颜色的同时修改光标颜色,使用:color:green; 第二种:只修改光标颜色,使用:caret-color:green; 更 ...
CSCAD AutoCAD 修改光标颜色
AutoCAD修改光标颜色: acedSetCurrentColors() CSCAD修改光标颜色目前不支持上述方法,可使用命令达到修改光标的方法: acedCommandS(RTSTR, _T(& ...
css input光标粗细,如何用CSS原生属性caret-color改变input输入框光标颜色
表单对大家来说并不陌生,当然,我也不是来和大家聊怎么做表单或者处理表单的样式网格,因为这些对于大家来说都是小儿科的东西.而是来聊聊怎么改变表单控件中光标的颜色.日常开发中我们可能会有改变input光标 ...
QML改变TextInput或者其它输入框光标颜色
今天有小伙伴问起改变输入框光标颜色的那些事,今天把它记录下来,希望能给大家带来方便. 先看看效果: QML中自带的TextInput本身是带光标的,默认的是黑色. TextInput等输入框控件提供了 ...
android设置webview光标颜色,CSS自定义设置元素闪烁光标颜色
这次给大家带来CSS自定义设置元素闪烁光标颜色,CSS自定义设置元素闪烁光标颜色的注意事项有哪些,下面就是实战案例,一起来看一下. 前言因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不 ...
CSS改变插入光标颜色
CSS改变插入光标颜色常用两种方法: 第一种:caret-color: red; input {color: #333;caret-color: red;} caret-color属性目前Chrome ...
CSS改变input光标颜色
在使用 input 输入框时,我们可能会遇到需要给其设置光标颜色的情况.谷歌浏览器的默认光标颜色是黑色的,GitHub 上的光标却是白色,那么这个用 CSS 怎么改变呢? 上面描述的情景有两种实现方式 ...

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

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

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

最新文章

热门文章