如何让背景颜色为深灰色时在IE中显示克拉?

问题描述:

我有一个登录页面,可以由用户以任何背景颜色,图像或两者兼有为主题。用户名/密码输入将具有透明背景以允许页面背景渗透。在一个客户案例中,背景颜色被选为#867d7d。他们声称克拉(他们称之为“光标”)在聚焦于田野时不可见。实际上,克拉正常闪烁,但其颜色与背景颜色非常接近,以至于看不到它。如何让背景颜色为深灰色时在IE中显示克拉?

在这种情况下,有什么方法可以使克拉可见?

编辑:这适用于Chrome和Firefox,这个问题只发生在Internet Explorer中。

这里有一个现场演示:JSFiddle

<style> 
body { background-color: #867d7d; } 
input { color: white; background-color: transparent; width: 100%; } 
</style> 
<input placeholder="The caret is nearly invisible in IE"> 
+0

你一定是有意义的:IE,FF,Chrome,.... –

这似乎IE尊重窗口主题化,而不是配置,能够从浏览器的水平。

您可以在这里更改yoru窗口主题:“控制面板\外观和个性化\个性化”,并选择一些极端的颜色,你会看到克拉颜色被改变。

我希望IE会有克拉颜色的CSS样式。