占位符光标颜色 - Firefox

Posted

技术标签:

【中文标题】占位符光标颜色 - Firefox【英文标题】:Placeholder cursor color - Firefox 【发布时间】:2013-01-05 04:01:30 【问题描述】:

我的问题是关于这张图片的。当我在 Firefox 中有一个占位符时,光标(我们聚焦输入时的垂直条)变为黑色而不是白色(我的字体颜色)。 [第一张图,看不太清楚,但我重点是“密码”输入,还有黑色光标]

如果输入没有占位符,则该栏应为白色。 [第二张图片]

有没有办法让那个条变白?

谢谢

编辑[代码]:

CSS

input, select 
    background-color: #232323;
    margin: 3px 0px;
    padding: 0px 2px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 11px;

html

<input type="text" name="username" class="right" /><br/>
<input type="password" name="passord" placeholder="Password" class="right" /><br/>

这就是我正在使用的代码,目的是使顶部图像[密码字段]中的垂直条变为白色。

【问题讨论】:

代码? (catch CommentTooShortException e) 对不起,我不明白你的问题。你能说得更具体点吗? 请提供一些代码。如果我们不知道您拥有什么,我们该如何提供帮助? 好的,有时间我去看看 用 Firefox (Palemoon 15.4) 确认。在 Chrome 上没有问题。这里有一个小提琴供你演示:jsfiddle.net/J7Z4U 【参考方案1】:

很遗憾,这是 Firefox 中的一个错误。它在 v15 中被检测到,应该在 v19 中修复(这就是为什么它现在被标记为已修复):

https://bugzilla.mozilla.org/show_bug.cgi?id=769405

恐怕你只能等待......

【讨论】:

以上是关于占位符光标颜色 - Firefox的主要内容,如果未能解决你的问题,请参考以下文章

Firefox 23.0.1 Chrome 23.0.1271.64 和 IE 8 之间占位符的字体颜色差异

UITextField 占位符的颜色及光标颜色(及如何学习新知识)

如何更改焦点上的占位符颜色?

将输入占位符颜色更改为更暗

更改文本区域的占位符文本颜色

缩小占位符文本后如何使占位符和文本框光标居中?