Html 如何在IE和Mozilla中指定css属性文本填充颜色(正如我所做的-webkit的webkit文本填充颜色)

Html 如何在IE和Mozilla中指定css属性文本填充颜色(正如我所做的-webkit的webkit文本填充颜色),html,css,Html,Css,在chrome中显示颜色,但在IE中,FF如何使用此属性 CSS #Grid td.note div.has-note i { -webkit-text-fill-color: #b4efa8; } 使用这个CSS 只有webkit浏览器具有文本填充颜色属性,其他浏览器只有颜色属性 #Grid td.note div.has-note i { -webkit-text-fill-color: #b4efa8; color: #b4fa8; } 在Firefox和IE中,您没有文本

在chrome中显示颜色,但在IE中,FF如何使用此属性

CSS

#Grid td.note div.has-note i {
  -webkit-text-fill-color: #b4efa8;
}
使用这个CSS 只有webkit浏览器具有
文本填充颜色
属性,其他浏览器只有
颜色
属性

#Grid td.note div.has-note i {
  -webkit-text-fill-color: #b4efa8;
  color: #b4fa8;
}

在Firefox和IE中,您没有
文本填充颜色
属性。请使用颜色而不是文本填充颜色。

AFAIK
文本填充颜色
是一个非标准、仅限webkit的属性。在其他浏览器中没有等价物(也许有人可以纠正我?)

但是,由于此属性简单地否决了标准颜色属性,因此您可以添加标准
color
属性作为回退

#Grid td.note div.has-note i {
  color: red; /* all browsers */
  -webkit-text-fill-color: #b4efa8; /* webkit browsers only */
}
div{
颜色:红色;/*所有浏览器*/
-webkit文本填充颜色:蓝色;/*仅限webkit浏览器*/
}

我是什么颜色的?

它可用于处理光标颜色。请参阅片段

textarea{显示:块;宽度:100%;高度:5em;}/*不重要*/
#t1{color:#ff0000;}
#t2{color:#ff0000;-webkit文本填充颜色:#0000ff;}
我全红了!文本和光标。

我的光标是红色的,因为“颜色:”,但我的字体是蓝色的,因为“-webkit text fill color:”。我只在Opera和Chrome上工作,应该在下个月开始在新的Firefox(v.48)上工作:)
AFAIK
text fill color
是一个非标准的、仅限webkit的属性。在其他浏览器中没有等效项。但是,由于此属性简单地否决了标准的
color
属性,因此您只需添加
color:#b4efa8作为一个后备添加解释为什么我们需要这两个属性我在表列中有聊天图标。当我点击动态显示一个文本区域的图标并在其中输入任何内容时,我想将其与其他已编辑的列区分开来。然后使用不同的颜色可能只有在webkit浏览器中需要不同颜色时才有用