占位符文本颜色的差异和选择下拉菜单

Savvas_cl

您好,我想问一个关于CSS样式的问题。

我在占位符文本以及选择下拉列表中输入了相同的颜色值。但是浏览器显示的颜色不同。

任何人都可以解释为什么会这样吗?

这是一个示例:http : //scratchpad.io/abounding-coat-5186

编辑:我要实现的是完全相同的文本颜色。我不希望占位符具有这种不透明效果。

奥博什托

您可以使用此伪类/伪元素重写占位符样式

input::-webkit-input-placeholder { /* Chrome/Opera/Safari/ */
   color: red;
   opacity: 1;
}

input:-moz-placeholder { /* Firefox 18- */
   color: red;  
   opacity: 1;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
   opacity: 1;
}

input:-ms-input-placeholder {  /* IE */
   color: red;  
   opacity: 1;
}

JSfiddle在这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在下拉菜单中更改占位符的颜色

来自分类Dev

动态下拉菜单的占位符

来自分类Dev

Kendo下拉菜单默认占位符

来自分类Dev

下拉菜单选择颜色

来自分类Dev

ajax加载下拉菜单时的jQuery占位符

来自分类Dev

如何为下拉菜单添加占位符

来自分类Dev

如何在Materializecss选择下拉菜单中更改文本颜色?

来自分类Dev

CSS下拉菜单-子菜单悬停文本颜色继承

来自分类Dev

引导内联文本和下拉菜单

来自分类Dev

选择下拉菜单时如何更改div背景颜色?

来自分类Dev

使用UIWebview和下拉菜单时,ios7选择器不会包装文本。

来自分类Dev

如何使用Selenium和Python选择下拉菜单项(值或文本)?

来自分类Dev

语义UI下拉菜单选择的文本和值似乎很奇怪

来自分类Dev

使用在php和mysql中选择的下拉菜单更改文本框值

来自分类Dev

HTML:文本框和选择下拉菜单不处于水平状态

来自分类Dev

选择下拉菜单和承诺-短暂清空选择

来自分类Dev

需要使用JavaScript选择所选下拉菜单的文本

来自分类Dev

在下拉菜单中搜索并通过文本选择元素

来自分类Dev

根据下拉菜单中的选择更改文本

来自分类Dev

级联选择/下拉菜单

来自分类Dev

下拉菜单默认选择

来自分类Dev

动态选择下拉菜单

来自分类Dev

想要选择下拉菜单

来自分类Dev

级联选择/下拉菜单

来自分类Dev

下拉菜单的最佳选择

来自分类Dev

动态选择下拉菜单

来自分类Dev

根据选择的下拉菜单隐藏和显示div

来自分类Dev

从选择下拉菜单中隐藏/显示标签和段落

来自分类Dev

在Laravel和Bootstrap中选择的下拉菜单