input输入框修改placeholder颜色

最新推荐文章于 2024-12-21 12:30:00 发布
原创 最新推荐文章于 2024-12-21 12:30:00 发布 · 3.5k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
博客介绍了改变输入框占位符placeholder默认颜色的方法，使用::placeholder即可实现。以element-ui的el-input输入框为例，该方法同样适用于其他输入框。

通常情况下我们是用输入框的时候不想用它默认的占位符placeholder的默认颜色，所以我们想要改变它默认的颜色就需要::placeholder,代码示例：

.el-input__inner::placeholder {
    color: red;
}

 这里我用的是element-ui的el-input输入框，其他输入框也同样适用。

标签
#vue.js #html5 #前端
Banana_link
关注
【element】设置input的placeholder 样式
jieweiwujie的博客
08-16 2535
设置INPUT的PLACEHOLDER样式 <style> .el-input__inner::placeholder{ color:red; text-align:center; } /*谷歌*/ .el-input__inner::-webkit-input-placeholder{ color:red; text-align:center; } /*火狐*/ .el-...
修改el-input disabled状态下的字体颜色,vue修改子组件中的el-inputdisabled状态下的placeholder字体颜色
pleaseprintf的博客
03-10 6100
修改el-input disabled状态下的字体颜色,vue修改子组件中的el-inputdisabled状态下的placeholder字体颜色。
小程序中修改input的placeholder字体颜色样式
huang_jimei的博客
01-05 2475
一、设计图给出的placeholder的字体颜色跟默认的不一样，需自定义，给其自定义一个placeholder-class。
修改el-input 输入框颜色以及placeholder颜色
weixin_54165147的博客
07-28 8031
element，el-input，输入，样式
el-input placeholder颜色设置
weixin_58414196的博客
07-22 2500
el-input__innerplaceholder{color#fff;text-aligncenter;}/*谷歌*/.el-input__inner-webkit-input-placeholder{color#fff;text-aligncenter;}/*火狐*/.el-input__inner-moz-placeholder{color#fff;text-aligncenter;}/*ie*/.el-input__inner-ms-
修改input输入框placeholder文字默认颜色
weixin_37861326的博客
06-22 8502
input输入框，placeholder默认颜色修改，照如下添加样式：input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder, textarea:-moz-p...
input输入框修改字体颜色以及placeholder颜色
weixin_43923808的博客
07-17 4290
【代码】input输入框修改字体颜色以及placeholder颜色。
如何修改input输入框placeholder文字颜色
weixin_37861326的博客
09-06 1万+
开发过程中在使用input、textarea标签placeholder作为提示性文字时，往往文字颜色达不到我们的预期效果，因此需要对placeholder属性提示文字默认颜色进行修改，修改的过程也很简单添加样式即可。 input::-webkit-input-placeholder { color: #dadada; } input::-moz-placeholder { ...
修改输入框placeholder文字默认颜色-webkit-input-placeholder
热门推荐
panghaichun的博客
03-02 12万+
<input class="inputText" id="id_card" name="id_card" placeholder="请输入身份证号" type="text">我想让input框默认显示的字体颜色和输入的颜色保持一致，一直认为应该要设置input的颜色，改了很久，一定用不管，最后想到了placeholder属性，于是乎百度了一下，果然placeholder默认的字体颜色是浅灰色的， 然
input中相关样式修改，placeholder，输入框选中时的边框颜色
m0_47265814的博客
05-30 6594
html中： <input type="text" placeholder='搜索关键词' > css中 以下代码把placeholder文字颜色修改成了白色 input::-webkit-input-placeholder{ color: white; }
input输入框的placeholder颜色修改（Shadow DOM）
最新发布
小哈力----一个小前端工程师
12-21 239
placeholder 颜色修改
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值