placeholder字体颜色怎么设置修改

我们知道placeholder很方便,但是有时候想更改placeholder字体颜色却不知道怎么搞。下面小编就来介绍一下placeholder字体颜色怎么设置修改。

操作方法

  • 01

    首先我们先简单写个html页面,里面放一个input和一个textarea,简单设置一下基本样式,注意写上placeholder。

  • 02

    然后在浏览器中预览一下效果,会看到默认的placeholder颜色是灰色的。

  • 03

    再然后就是设置placeholder的字体颜色了,因为不同浏览器存在兼容性问题,这里主要设置webkit内核浏览器、火狐浏览器、IE浏览器三种,代码如下:

  • 04

    上面设置的placeholder的颜色为红色,然后切换到浏览器预览一下,效果就是红色的。

  • 05

    以上代码是设置所有input和textarea的placeholder颜色的,如果想设置某一个或某一类的文本框或者输入框的placeholder颜色,只要在最前面加上其标签名或者是class名或者是id名就可以了。

(0)

相关推荐

  • everything软件的字体和颜色如何设置修改

    今天给大家介绍一下everything软件的字体和颜色如何设置修改的具体操作步骤.1. 首先打开电脑上的everything软件,进入主页面,然后在上方的搜索栏输入关键字进行搜索,如图,结果显示的即为 ...

  • 网页版哔哩哔哩中B站视频字幕的字体颜色如何设置

    今天就跟大家介绍一下网页版哔哩哔哩中B站视频字幕的字体颜色如何设置的具体操作步骤.1. 打开电脑上的浏览器,进入百度页面,输入哔哩哔哩,进行搜索,然后点击官网进入2. 进入主页面后,选择想要观看的视频 ...

  • 在PR软件中素材的标签颜色怎么设置修改

    我们在pr软件中编辑视频的时候,想要修改视频素材的标签颜色,该怎么操作呢?今天就给大家介绍一下在PR软件中素材的标签颜色怎么设置修改的具体操作步骤.1. 首先打开电脑上的PR软件,进入主页面后,将项目 ...

  • 微信APP中的字体颜色如何设置

    我们在使用微信的时候,想要对其中的字体颜色进行设置,该怎么操作呢?今天给大家介绍一下微信APP中的字体颜色如何设置的具体操作步骤.1. 首先解锁手机,找到桌面上的主题图标,打开2. 在打开的主页面,点 ...

  • 网页字体颜色怎么设置

    网页字体颜色怎么设置 这里以W7系统里的IE浏览器为例给大家说下解决方法的步骤: 1.首先我们打开IE浏览器  如图 2.点击浏览器最右上角的齿轮符号 ,然后点击"Internet 选项&q ...

  • 在word中字体颜色的设置

    在word中编辑文字的时候,很多时候我们都需要把重点句子设置成另外一种颜色,从而突出重点,那么该如何实现对字体颜色的设置呢?下面一起来学习wps文字中字体的设置吧! 操作方法 01 首先,打开wps文 ...

  • eclipse字体颜色的设置方法

    此时我们就希望设置一下字体eclipse字体颜色,让他像其它编辑器一样的,有不同的风格,白天用一上用一种。 1.eclipse 背景色设置:Window->Preferences->Gen ...

  • 华为手机备忘录内容的字体颜色如何设置?

    李晓是一个喜欢用备忘录记录事情的女生,用的华为手机上记录了很多内容.但是,华为手机的备忘录内容不能单独设置字体颜色,一些重要内容没办法明显区分.一次和朋友聊天的时候,了解到一款可以设置字体颜色的备忘录 ...

  • Word文档文档字体、字号、字体颜色的设置

    不同的字体,不同的字号,不同的字体颜色可以让用户的文档变得丰富多彩,富于变化,避免单调枯燥. 操作方法 01 首先我们来讲讲字体设置,单击"开始"选项卡字体组中的字体右边的小三角, ...