当前位置:首页 > 前端技术 > 如何修改表单元素input里面提示文字的颜色

如何修改表单元素input里面提示文字的颜色

2022年08月05日 09:12:49前端技术2

  我们知道,在CSS中,一般用color属性可以修改文字的颜色。不过,当你书写 <input text="text"  placeholder="我是红色的"  style="color:red"> 这样一行代码时,你会发现字体怎么样都不会变红,那么怎样可以让表单元素里面的文字变红呢?

  复制粘贴下面的代码到CSS样式里就可解决这个问题,不复制粘贴要自己打出来的小伙伴注意第一个和第三个是双冒号,第二个和第四个是单冒号哦:)

input::-webkit-input-placeholder {
      /* WebKit browsers */ 
color:red; 
} 

input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */ 
color:red; 
} 

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

input:-ms-input-placeholder {
      /* Internet Explorer 10+ */ 
color:red;
} 

作者:小芒果cuty
来源链接:https://blog.csdn.net/caipital/article/details/105516894

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/17547.html

标签: 颜色设置
分享给朋友:

“如何修改表单元素input里面提示文字的颜色” 的相关文章

详解MathType中如何更改公式颜色

详解MathType中如何更改公式颜色

在MathType数学公式编辑器中可以通过更改公式颜色,起到美化、标注公式的效果。本教程将详解MathType中如何更改公式颜色。 在MathType数学公式编辑器中可以通过更改公式颜色,起到美化、标注公式的效果。本教程将详解MathType中如何更改公式颜色。...

Html设置超链接文字颜色

为了突出超链接,超链接文字通常采用与其他文字不同的颜色,超链接文字的下端还会加一条横线。网页的超链接文字有默认颜色,在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则颜色变成暗红色。在<body>标记中也可以自定义这些颜色。 基本...

html 给div设置边框颜色代码,div边框颜色设置

html 给div设置边框颜色代码,div边框颜色设置

div边框颜色 css设置div边框颜色 使用css对div边框设置颜色是常见CSS样式设置。对div边框颜色设置说需要css单词为border。 去了解相关教程:《CSS边框》教程 一、div四条边的边框颜色设置 如果不设置边框宽度粗细...

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

  【实验题目】HTML&CSS实验(5) 【实验目的】学习颜色、字体、文本格式化和盒模型的样式定义。                  ----------------------个人作业,如果有后辈的作业习题一致,可以参考学习,一起交流...

sublimeText 3 使用

颜色设置: Preferences - Color Scheme 里面有众多颜色模板,可以自行选择   输入中文: http://www.cnblogs.com/afei-qwerty/p/6710235.html...

UI设计规范

UI设计规范

一、界面布局 (版心大小,eg:1200px) 二、颜色 1、背景颜色 2、主颜色 3、辅助颜色   三、文字规范 1、字体颜色 2、字体大小 3、字体类型 四、按钮规范 五、图标规范 六、...

ZH奶酪:通过CSS自定义HTML中hr样式-颜色-形状

ZH奶酪:通过CSS自定义HTML中hr样式-颜色-形状

修改颜色,线条形状,粗细等... CSS代码: .zh_hr{ border:3px solid rgba(255, 255, 255, 0.50); margin-bottom: 2px; margin-top: 2px }...

web前端——html基础笔记 NO.13{盒模型,颜色值,字体的缩写}

盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下: margin:10px 15px 12px 14...

魅蓝Note有几种颜色 魅蓝Note哪个颜色好看

魅蓝Note有几种颜色 魅蓝Note哪个颜色好看

http://www.pc841.com/shoujizhishi/39882.html http://news.mydrivers.com/1/359/359443.htm 魅族发布首款千元高性价比魅蓝Note新机之后,这款大屏时尚机身的新机,备受网友关注与讨论。很多网友...

Markdown-文字居中+带颜色

1. 文字的居中 对于标准的markdown文本,是不支持居中对齐的。还好markdown支持html语言,所以我们采用html语法格式即可。 <center>这一行需要居中</center> 下面就是排版后的结果 这一行需要居...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。