首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >更改输入占位符颜色变深

更改输入占位符颜色变深
EN

Stack Overflow用户
提问于 2013-03-19 18:57:52
回答 4查看 64.2K关注 0票数 24

遵循本文(Style text input placeholder),我可以将文本输入占位符的颜色更改为红色。但它始终是浅红色,而不是确切的红色。

有没有办法把它变成确切的红色?

更新

Chrome上的颜色是红色(这是正确的),Firefox上的颜色不是红色,而是浅红色或模糊,我猜是这样的。

编辑(从OP答案中):

请检查这个示例(http://jsfiddle.net/LQkQG/),Chrome上的颜色是红色,而火狐上的颜色是light-red。我想要火狐上的颜色和Chrome一样。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-03-23 19:53:43

我发现你需要覆盖不透明度。

::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
     opacity: 1 !important;
}
票数 58
EN

Stack Overflow用户

发布于 2013-03-19 19:00:24

是的,通过十六进制(十六进制)设置它的值,你可以更好地控制使用什么颜色。鲜红色(就像红色一样)是#FF0000

然而,火狐是一个叛逆者,需要被告知使用什么不透明。

作为参考,请看this chart

::-webkit-input-placeholder {
    color: #FF0000;
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}

:-moz-placeholder { /* Firefox 18- */
    color: #FF0000;
    opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #FF0000;
    opacity: 1 !important;
}

:-ms-input-placeholder {  
   color: #FF0000;
}
票数 22
EN

Stack Overflow用户

发布于 2013-03-19 18:59:48

输入颜色的十六进制值。

也许可以使用像http://www.colorpicker.com/这样的工具?

票数 -3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15497550

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档