input的placeholder设置字体颜色

最新推荐文章于 2022-12-26 02:18:13 发布
最新推荐文章于 2022-12-26 02:18:13 发布
阅读量497 收藏
点赞数
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29721837/article/details/71404055
版权

具体的写法：

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; font-size: 0.56rem;opacity: 0.8;
}


::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff; font-size: 0.56rem;opacity: 0.8;
}


input:-ms-input-placeholder{
    color: #fff; font-size: 0.56rem;opacity: 0.8;
}


input::-webkit-input-placeholder{
    color: #fff; font-size: 0.56rem;opacity: 0.8;
}

eazdp
关注
专栏目录
vant学习踩坑记录2 input-placeholder 字体颜色和 scoped 样式
weixin_51634734的博客
03-14 4811
scoped属性和深入选择器 使用 vant 组件时, 经常有组件创建的元素, 用 scoped 属性的 css 样式没办法生效 scoped属性的意思, 是只对本页面内的元素生效, 且优先级极高, 但 vant 组件动态创建的元素有时判定属于该页面, 有时又不属于, 具体规律不清楚 这种情况, vue 给出了解决方案 ::v-deep , 选择器深入 .main ::v-deep .branch{ color: #666666; } ::v-deep 前面的选择器必须在 scoped 页面内, 最
html5中input框中颜色怎么写,HTML5中input的placeholder颜色设置及兼容性解决方案_蓝戒的博客...
weixin_42135754的博客
05-31 1058
1、placeholder是什么？placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点(或输入内容)时，提示文字消失。例如下文本框文字效果2、placeholder的浏览器兼容性和在不同浏览器下的表现由于placeholder是个新增属性，目前只有少数浏览器支持，如何让更多的浏览器支持它呢？目前最...
修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
12-13
html5为input添加了原生的占位符属性placeholder，高级浏览器都支持这个属性，例如： <input type="text" placeholder="搜索" value=" "> 默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方案如下： XML/HTML Code复制内容到剪贴板 input:-moz-placeholder,    textarea:-moz-placeholder {        color: #999999;    }       input:-ms-input-placeho
placeholder 样式
chenhua4088的专栏
11-18 1209
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ col
css3 修改input 的 placeholder文字默认颜色-webkit-input-placeholder
长云的博客
08-30 746
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #f00;   } ::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #f00; } input:-ms-input-placeholder{    color: #f00; } inp
修改输入框placeholder文字默认颜色-webkit-input-placeholder
前端笔记
09-14 911
html5为input添加了原生的占位符属性placeholder，高级浏览器都支持这个属性，例如： &lt;input type="text" placeholder="我爱北京" value=" "&gt;  默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方案如下： input:-moz-placeholder, textarea:-moz-place...
通过js修改input、select默认字体颜色
10-19
`.setDefauleValue()`方法首先设置`input`元素的默认值，并通过`.css()`方法设置默认值的字体颜色，然后使用`.focus()`和`.blur()`事件处理函数来根据元素是否有焦点或者是否有输入内容来改变字体颜色。 对于`...
input 设置placeholder字体颜色
最新发布
09-30
在HTML的 `<input>` 元素中，设置 placeholder 字体颜色是为了在用户还未开始填写内容时，显示提示信息，并且通常这些提示信息的颜色比实际文本输入区域的背景色浅，以便于区分。在CSS中，你可以通过`.placeholder` ...
-webkit-input-placeholder的意思
weixin_35750483的博客
12-26 1495
-webkit-input-placeholder是一个CSS(Cascading Style Sheets)属性，它用于定义输入字段(例如文本框)的占位符文本。占位符文本是当输入字段为空时显示的文本，用于提示用户输入内容。 例如，如果你想设置一个文本框的占位符文本为"请输入用户名"，你可以使用以下代码： input[type="text"]::-webkit-input-placeholder ...
H5表单中placeholder属性的字体颜色问题
weixin_33762321的博客
12-13 171
最近做项目的时候遇到的一些小样式问题，有关表单。并且在接下来几天的面试人中五个人都没有回答上来，改变placeholder属性的默认字体颜色，感觉有必要总结一下。 如何改变默认字体的颜色？ @blue: #026b9c; input { width: 100%; height: 74/30rem;...
使用CSS修改HTML5 input placeholder颜色
06-13 3120
.moneyBox input::-webkit-input-placeholder { /* WebKit browsers */ color: #F22E00; } .moneyBox input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #F22E00; } .moneyBox input::-moz-plac...
h5中placeholder的字体颜色和输入进去的不一样
5yue的博客
11-21 411
解决办法： .login_form_item_input_box::-webkit-input-placeholder{ color: #ccc; }
『CSS系列』修改 input 元素的 placeholder 样式的方式
老__L的博客
09-02 4955
修改 input 元素的 placeholder 样式的方式
input框placeholder的样式设置
gm0125的博客
03-28 4447
HTML： <input type="text" placeholder="请输入手机号"> css： <style> input::-webkit-input-placeholder { color: #aab2bd; /* placeholder颜色 */ font-size: 12px; ...
input、textarea设置placeholder的颜色不起作用
D_2016的博客
04-02 2669
开发过程中遇到了这个奇葩问题，设置了textarea元素的placeholder属性颜色但是没显示出效果。设置方式如图1： 图1突然一下子有点懵，之前的项目里也是这样用的啊，怎么就不行了呢？于是默默的打开原来的项目、启动看看效果，哎呀，怎么也没有效果，这可是之前做好的测试过的项目啊。然后自己新建了一个单html测试下效果。 完全正常..........无语了 于是自己...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值