设置input placeholder的样式

::-webkit-input-placeholder {/*Chrome/Safari*/
  font-family: ‘Avenir‘, Helvetica, Arial, sans-serif;
}
::-moz-placeholder {/*Firefox*/
  font-family: ‘Avenir‘, Helvetica, Arial, sans-serif;
}
::-ms-input-placeholder {/*IE*/
  font-family: ‘Avenir‘, Helvetica, Arial, sans-serif;
}

时间: 2024-10-17 04:31:35

设置input placeholder的样式的相关文章

css设置input文本框样式代码实例

css设置input文本框样式代码实例:使用css设置input元素的样式是最为常用的操作之一,当然也是最为基础的操作,可能对于刚刚接触css的朋友还不够熟悉,下面就通过一段简单的代码历史演示一下如何设置文本框的样式,当然这个演示可能并不是特别的美观,这里的目的也只是起到一个演示作用,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="

如何设置 input placeholder字体大小和颜色?

input::-webkit-input-placeholder { /* WebKit browsers*/ color:#aaa;font-size:14px; }input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/ color:#aaa;font-size:14px; }input::-moz-placeholder { /* Mozilla Firefox 19+*/ color:#aaa;font-size:14px; }input

修改 Input placeholder 的样式

::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; } :-ms-input-placeholder { /* Internet Explorer 10+ */ col

设置input标签的placeholder的样式

设置input样式代码: input::-webkit-input-placeholder{ /*WebKit browsers*/ color: red; } input::-moz-input-placeholder{ /*Mozilla Firefox*/ color: red; } input::-ms-input-placeholder{ /*Internet Explorer*/ color: red; } 原文地址:https://www.cnblogs.com/init-007/

placeholder的样式设置

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */ :-moz-placeholder{}                  /* Firefox版本4-18 */ ::-moz-placeholder{}                  /* Firefox版本19+ */ :-ms-inpu

css如何实现只设置type为text的input元素的样式

css如何实现只设置type为text的input元素的样式:在实际应用中,可能会遇到这样的情况,那就是有很多input元素,但是type类型各不相同.可能只需要为某种type类型指定相关的样式.当然实现此效果的方式很多,比如单独为指定类型的input设置class.下面介绍一下如何利用属性选择器实现此功能.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <me

input框中修改placeholder的样式

有时间input标签的placeholder属性会出现问题,下面是修改placeholder的样式demo input::-webkit-input-placeholder{ color:red; font-size:20px; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:red; font-size:20px; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */

使用CSS修改HTML5 input placeholder颜色

问题没有实际价值,缺少关键内容,没有改进余地 Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML <input type="text" placeholder="Value" /> 运行结果值还是灰色,Color:red没有作用.有什么方法可以修

input[tyle=&quot;file&quot;]样式修改及上传文件名显示

默认的上传样式我们总觉得不太好看,根据需求总想改成和上下结构统一的风格…… 实现方法和思路: 1.在input元素外加a超链接标签 2.给a标签设置按钮样式 3.设置input[type='file']为透明,并定位,覆盖在a上面 html代码: <a class="input-file input-fileup" href="javascript:;"> + 选择文件<input size="100" type="f