修改Input 的placeholder颜色

最新推荐文章于 2024-04-03 09:13:38 发布
转载 最新推荐文章于 2024-04-03 09:13:38 发布 · 189 阅读 · 1

本文介绍了如何使用CSS为输入框的占位符文本设置颜色，包括通用选择器及针对不同浏览器的特定写法，确保跨浏览器兼容性。

尝试过几种写法，发现只有一种生效：

::placeholder {
  color: #B2B5C8;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #B2B5C8;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #B2B5C8;
}

附： https://www.w3schools.com/howto/howto_css_placeholder.asp

小程序中修改input的placeholder字体颜色样式
huang_jimei的博客
01-05 2379
一、设计图给出的placeholder的字体颜色跟默认的不一样，需自定义，给其自定义一个placeholder-class。
设置输入框input中placeholder的字体颜色、字号
此去经年的博客
08-09 2253
一、须知 　　placeholder属性时css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。 二、设置placeholder文字颜色、字号 方式1 　　因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定（可以在冒号前面写input和textarea）。 　　　　::-webkit-input-placeholder{/*Webk...
设置输入框placeholder默认文字颜色
祈澈菇凉
08-26 1541
当背景色不为白色的时候，要给input输入框设置成为 白色，一般来说，设置color：#fff即可，但是placeholder默认的文字颜色还是灰色，这个时候需要写代码设置输入框placeholder文字颜色。 找到全局css文件，添加伪类元素，因为直接修改input颜色只作用于输入的文字，并不能改变默认字体的颜色，同时主要是要兼容 火狐，IE 和 谷歌浏览器。 代码...
利用原生js修改input的placeholder的默认字体颜色
weixin_30768175的博客
11-16 1049
昨晚有朋友求助，碰到一个需求，需要修改input，第一个需求是鼠标点击input，提示字不消失，但是原input里面写的是value = "提示字样",我让他将value改为placeholder之后解决了鼠标点击输入框提示字消失的问题；他们第二个需求是：鼠标点击提示字不消失并且该字体需要变颜色，最可气他们工程师还将js写进了input标签里(个人在这里十分不赞同这种做法，不利于维护，而且...
为input设置placeholder颜色
weixin_45573681的博客
12-29 1552
为input设置placeholder颜色
CSS设置input的placeholder颜色
qq_38231822的博客
03-15 2426
::-webkit-input-placeholder{ color: #ccc; font-size:14px; 　　} :-moz-placeholder{ color: #ccc; font-size:14px; 　　} ::moz-placeholder{ color: #ccc; font-size:14px; 　　} :-ms-input-placeholder{ .
精选资源
HTML5 input placeholder 颜色修改示例
01-21
Chrome支持input=[type=text]占位文本属性，但下列CSS样式却不起作用： ...有什么方法可以修改占位文本的颜色吗？我在浏览器里安装了jQuery占位文本插件，但仍然无用。(!important只有IE7和firefo
修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
12-13
本文将详细介绍如何使用CSS来修改`input`元素的`placeholder`文本颜色。 首先，我们需要了解各个浏览器对于`placeholder`属性的支持情况。不同的浏览器可能需要使用不同的CSS选择器来实现颜色修改。以下是针对主流...
input的placeholder颜色值设置
樊小二的博客
12-28 1061
前面是input的选择器，后面是兼容浏览器的后缀。 .top .searchBox input::-webkit-input-placeholder{ color: #fff; } .top .searchBox input::-moz-placeholder{ color: #fff; } .top .searchBox input:-moz-placeholder{ ...
input placeholder 设置颜色
最新发布
活到老学到老
04-03 2305
将上述代码添加到您的CSS文件中，或者将其直接写在HTML文件的。可以通过使用CSS来设置输入框的颜色。
css 设置input 的 placeholder 的颜色
dyp330的专栏
07-17 308
1.设置placeholder 的颜色（.control-height是原有的类名） input.control-height::-webkit-input-placeholder { color: #9297A0!important ; } input.control-height:-moz-placeholder { color: #9297A0!important; } inp...
placeholder 属性（占位文本）用法
韩世雷 程序员专栏
08-12 3365
placeholder 属性是 HTML5 中的新属性。
【css】 input的placeholder默认颜色值
AAAXiaoApple的博客
02-22 1585
【css】 input的placeholder默认颜色值
更改input中placeholder的颜色
qq_45515863的博客
02-02 655
我们对input的color更改成其它颜色时，只会对input输入的内容进行赋值颜色，而placeholder还是默认颜色。 我们可以这样对它控制： <style> input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /...
CSS 修改input中的placeholder默认颜色
热门推荐
单枪匹码
12-05 6万+
使用input-placeholder属性来修改placeholder的默认颜色： 1、说明：placeholder是input框中的提示文字，默认是灰色的，而color是修改input中用户输入文本的颜色，所以不能通过color来设置placeholder的颜色。 2、修改页面所有input中placeholder颜色的语法：（直接写在<style></style>标签下...
改变input标签中placeholder显示的颜色
被鄙视的猪
04-16 2万+
使用伪元素可以改变input标签中placeholder显示的格式，以颜色为例: ::-webkit-input-placeholder { /* WebKit browsers */ color: #A9A9A9; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #A9A9A9; opacit
input输入框修改字体颜色以及placeholder颜色
weixin_43923808的博客
07-17 4179
【代码】input输入框修改字体颜色以及placeholder颜色。
如何修改input输入框placeholder文字颜色
weixin_37861326的博客
09-06 1万+
开发过程中在使用input、textarea标签placeholder作为提示性文字时，往往文字颜色达不到我们的预期效果，因此需要对placeholder属性提示文字默认颜色进行修改，修改的过程也很简单添加样式即可。 input::-webkit-input-placeholder { color: #dadada; } input::-moz-placeholder { ...
如何修改input的placeholder的文字颜色
io_123io_123的博客
09-05 8004
如何修改input的placeholder的文字颜色
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值