css placeholder 颜色设置

  1. 因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

      ::-webkit-input-placeholder { /* WebKit browsers */

      color:#999;

      }

      :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

      color:#999;

      }

      ::-moz-placeholder { /* Mozilla Firefox 19+ */

      color:#999;

      }

      :-ms-input-placeholder { /* Internet Explorer 10+ */

      color:#999;

      }

  2. 2

    还可以写成下面这样:

      input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

      color: #666;

      }

      input:-moz-placeholder, textarea:-moz-placeholder {

      color:#666;

      }

      input::-moz-placeholder, textarea::-moz-placeholder {

      color:#666;

      }

      input:-ms-input-placeholder, textarea:-ms-input-placeholder {

      color:#666;

      }

  3. 3

    知识点:单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。

      css伪类:CSS 伪类用于向某些选择器添加特殊的效果。

      css伪元素:CSS 伪元素用于向某些选择器设置特殊效果。

      伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类, 如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的,但是为了兼容IE浏览器还是使用单冒号的写法。

时间: 2024-10-11 01:46:31

css placeholder 颜色设置的相关文章

placeholder颜色设置

::-webkit-input-placeholder { /* WebKit browsers */     color:#fff !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */     color:#fff !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */     color:#fff !important; } :-ms-input-pla

CSS背景颜色、背景图片、平铺、定位、固定

CSS背景颜色设置 background-color:red;如设置背景颜色为红色: 背景颜色设置支持3种写法: 颜色名 16进制 rgb CSS背景图片颜色设置 background-image:url(图片地址);如设置背景图片 路径不在说明了! CSS背景图片平铺设置(如果不设置图片默认设置为x轴y轴同时平铺即值为repeat) background-repeat:repeat-x;如设置x轴平铺: background-repeat:no-repeat如设置不平铺: CSS背景图片定位设

placeholder颜色变化

现在处理的主要是手机端的placeholder颜色变化. <input type="text" value="placeholder内容" onfocus="this.style.color='#000'; this.value='';" style="color: #f00;"/> 可以设置placeholder颜色,但这个方法存在的缺陷是利用value值来进行placeholder颜色设置,不利于一开始判断va

【代码笔记】UITextField设置placeholder颜色

一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController <UITextFieldDelegate> @end RootViewController.m #import "RootViewController.h" @interface RootViewController () @end @i

超链接字体颜色设置(通过html/css的设置方法)

超链接字体颜色设置是通过css来设置,a链接的颜色设置常用的有以下两种,1.超链接a的初始状态颜色,2.超链接字体的鼠标滑过颜色,还有两种病不常用:3.超链接字体的已访问颜色,4.超链接字体在按下鼠标时的颜色 四中超链接状态分别对应的css属性:a{}.a:hover{} .a:visited{}.a:active{},通常只写a{}.a:hover{}即可,如果你需要其他两种字体颜色设置请参照一下顺序来书写 a{color:red;} a:visited{color:green;} a:hov

用css修改HTML5 input placeholder颜色

使用CSS修改HTML5 input placeholder颜色 本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术.本文将为读者讲解HTML5 Input Placeholder Color的个性化设定,需要针对不同浏览器内核来编程. 问题: David Murdoch:Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeh

iOS UITextField设置placeholder颜色

设置UITextField的placeholder颜色 UIColor *color = [UIColor blackColor]; textField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"密码" attributes:@{NSForegroundColorAttributeName: color}]; iOS UITextField设置placeholder颜色

CSS颜色设置与调色板

这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常用颜色地方包含:字体颜色.超链接颜色.网页背景颜色.边框颜色2.颜色规范与颜色规定:网页使用RGB模式颜色 二.颜色基础知识 网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感(特别是超链接中运用).美观之用,同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色. 传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色 CSS color颜色语法: color:#000000; C

CSS颜色设置和调色板

CSS单位分析 px:单位代表像素,1px代表一个像素点. %:设置子元素为父容器的占比. em:代表该元素中一个字体所占字符,常用在文字首行缩进.其具有继承性. rem:始终代表html中的字符所在位置. vm:1vm代表占据视窗宽度的百分之1. vh:1vh代表占据视窗高度的百分之1. vmax:选取vh和vm中最大的哪一个. vmin:选取vh和vw中最小的哪一个. fr:并没有具体的值,代表一个均分单位,例如:在水平上只分出1fr,则1fr代表整个视窗宽度, 如分成3个1fr,则1fr代