input[placeholder], [placeholder], *[placeholder] { color:#fff; text-align: left !important; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff !important; text-align: left !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff !important; text...
placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。 下面是设置placeholder的文本样式的选择器的示例: /*webkit 浏览器*/#field::-webkit-input-placeholder{font-style:italic;text-decoration:overline;letter-spacing:3px;color:#999; }/*火狐浏览器*/#field::-moz-placehold...
text-transform:uppercase; } #field3::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* 火狐浏览器 */ #field1::-moz-placeholder { color:#00f; } #field2::-moz-placeholder { color:#090; background:lightgreen; text-transform:u...
text-transform:uppercase; } #field3::-moz-placeholder{ font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } 当然,和CSS设置::selection选中文本样式一样,你只能设置几个和文本有关系的CSS样式:Color, font-style, font-varian, background, text-decoration...
placeholder属性适用于下面的表单input类型:text、search、url、tel、email 和 password。IE10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。在支持placeholder属性的浏览器中,placeholder默认显示为灰色: input[type="email"]::-webkit-input-placeholder{color:#FFF;background:blue;}input[type="email"]...
input和textarea输入框设置placeholder文本css样式 定义文本框里面灰色placeholder文本的css样式。 input::-ms-input-placeholder{css样式}input::-webkit-input-placeholder{css样式}
input::placeholder { color: #999; /* 文本颜色 */ font-style: italic; /* 字体样式 */ font-size: 14px; /* 字体大小 */ } </style> </head> <body> <form> <label for="username">用户名:</label> <input type="text" id="username" name="username" placeholder="请输入您的用户名">...
css设置placeholder字体颜色并保持input背景透明的方法 <divclass="fd-left"><divclass="g-tit02">在线留言</div><form><inputtype="text"name="name"class="inp"placeholder="姓名:"><inputtype="text"name="tel"class="inp"placeholder="电话:"><textareaclass="textarea"name="msg"onfocus="if(this.va...
} input:-ms-input-placeholder { color: #D6D0CA !important; /Internet Explorer 10+ */ } 知识点:单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。 css伪类:CSS 伪类用于向某些选择器添加特殊的效果。 css伪元素:CSS 伪元素用于向某些选择器设置特殊效果。
:-ms-input-placeholder{color:#f00; }/* ie */ input:-moz-placeholder{color:#f00; } /* webkit专用 */ #field2::-webkit-input-placeholder{color:#00f; } #field3::-webkit-input-placeholder{color:#090;background:lightgreen;text-transform:uppercase; } ...