四、Input框改placeholder中字体的颜色

最新推荐文章于 2024-04-15 11:24:40 发布

weixin_34319640

最新推荐文章于 2024-04-15 11:24:40 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/deng-jie/p/9104222.html

本文介绍了一种通过CSS样式来改变HTML输入框中占位符文字颜色的方法，使用::placeholder伪元素并设置color属性实现。

Input框改placeholder中字体的颜色 input::-webkit-input-placeholder { color: #ccc; font-size: 12px; }

转载于:https://www.cnblogs.com/deng-jie/p/9104222.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34319640

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CSS - 改变 input 输入框 placeholder 的字体颜色大小

🏆 前端领域优质创作者

01-30

3880

前言该方法只适用于 pc 端，移动端无效。代码 input::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #333; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:14px; color: #333; } input:-ms-input-placeholder {

如何设置输入框input中placeholder的字体颜色、字号

water_v的博客

10-30

2万+

一、须知 placeholder属性时css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。二、设置placeholder文字颜色、字号方式1 因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定（可以在冒号前面写input和textarea）。::-webkit-input-placeholder{/*Webkit browsers*/

参与评论您还未登录，请先登录后发表或查看评论

改变input里placeholder的字体颜色

weixin_44487537的博客

08-02

171

由于placeholder是html5的属性，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。 input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } input::

CSS 修改input中的placeholder默认颜色

热门推荐

单枪匹码

12-05

6万+

使用input-placeholder属性来修改placeholder的默认颜色： 1、说明：placeholder是input框中的提示文字，默认是灰色的，而color是修改input中用户输入文本的颜色，所以不能通过color来设置placeholder的颜色。 2、修改页面所有input中placeholder颜色的语法：（直接写在<style></style>标签下...

input placeholder 设置颜色

活到老学到老

04-03

2233

将上述代码添加到您的CSS文件中，或者将其直接写在HTML文件的。可以通过使用CSS来设置输入框的颜色。

修改输入框placeholder文字默认颜色-webkit-input-placeholder方法

12-13

在网页设计中，输入框（`<input>`）的占位符（`placeholder`）属性是一种非常实用的功能，它可以在用户输入前提供提示文本。HTML5引入了这一原生属性，使得开发者能够轻松地在输入框中添加提示信息。默认情况下，...

小程序中修改input的placeholder字体颜色样式

huang_jimei的博客

01-05

2235

一、设计图给出的placeholder的字体颜色跟默认的不一样，需自定义，给其自定义一个placeholder-class。

通过js修改input、select默认字体颜色

10-19

相应的，当用户输入内容后，焦点离开`input`框，如果用户没有输入任何内容，我们可能希望将字体颜色改回默认提示信息的颜色。在示例代码中，首先通过jQuery选择器`$(".forminput[text]")`选中所有类型为`text`的`...

修改el-input disabled状态下的字体颜色,vue修改子组件中的el-inputdisabled状态下的placeholder字体颜色

pleaseprintf的博客

03-10

5852

修改el-input disabled状态下的字体颜色,vue修改子组件中的el-inputdisabled状态下的placeholder字体颜色。

input输入框修改字体颜色以及placeholder颜色

weixin_43923808的博客

07-17

4130

【代码】input输入框修改字体颜色以及placeholder颜色。

修改input的placeholder属性的颜色，字体等

PanTianTianO的博客

03-25

678

.placeh /deep/ input::-webkit-input-placeholder { color:#999999; font-size:12px; } .placeh input:-moz-placeholder { color:#999999; font-size:12px; } .placeh input::-moz-placeholder { ...

修改input（placeholder）里面默认文字的颜色

weixin_62639453的博客

04-15

427

修改input（placeholder）里面默认文字的颜色。

如何修改placeholder颜色？

m0_46639734的博客

04-23

8983

我们需要修改input框中的placeholoder字体或者颜色如果我们直接给input设置class类，写入color颜色，我们会发现修改的颜色是input框中输入字体的颜色。以上就是今天要讲的内容。

如何修改input的placeholder的文字颜色

io_123io_123的博客

09-05

7978

如何修改input的placeholder的文字颜色

修改 input 中 placeholder的颜色和字体大小

qq_55681529的博客

06-08

6166

【代码】修改 input 中 placeholder的颜色和字体大小。

placeholder 属性（占位文本）用法

韩世雷程序员专栏

08-12

3328

placeholder 属性是 HTML5 中的新属性。

如何更改input中placeholder的颜色

foreverlikui的博客

11-23

4万+

示例：更改前：更改后：在我们经常写input时，我们一般都是使用placeholder的颜色，但是看起来真的很戳，当美工给我们设计了一个精美的input背景时，placeholder的内容就很难看清楚，我们就要对其进行更改颜色。但是我们对input的color更改成其它颜色时，只会对input输入的内容进行赋值颜色，而placeholder还是默认颜色。我们可以这样对它...

input输入框修改placeholder颜色

Banana_link的博客

03-10

3374

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

修改 input中的placeholder字体颜色