`
zhangyaochun
  • 浏览: 2595704 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
阅读更多

 

  本文是个人记录,来自zhangyaochu.iteye.com

 

   :-moz-placeholder

 

represents any form element displaying placeholder text.This allows web developers and theme desgners to customize the appearance of placeholder text,which is a light grey color by default.This may work well if you've changed the background color of your form fields to be a similar color,for example,so you can use this pseudo-class to change the placeholder text color.

 

它是一个伪类,是用来设置表单文本框的占位文本的样式,其默认是一个浅灰色。比如当设置颜色相似的时候,为了使其正常显示,可以用它来解决

 

 

input:-moz-placeholder{
    color:green;
}

 

在mozilla的官网上我们可以看到:introduced in Gecko 2.0(Firefox 4|Thunderbird 3.3|SeaMonkey 2.1)

 

 

   更新记录: 2013-7-22

 

   19开始不支持:-moz-placeholder,改成::-moz-placeholder,如果要兼容,需要同时定义

 

   http://jsbin.com/abetuq/2/edit

 

 

 

扩展阅读:

 

1、https://developer.mozilla.org/en/CSS/:-moz-placeholder

 

 

1
1
分享到:
评论

相关推荐

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

    1. **Firefox**: Firefox 使用 `-moz-placeholder` 选择器来处理`placeholder`文本的样式。 ```css input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } ``` 2. **Internet Explorer 10+**: ...

    context:property-placeholder 和util:properties

    context:property-placeholder 和util:properties 博客:https://blog.csdn.net/u010476739/article/details/76735527

    HTML5 input placeholder 颜色修改示例

    2. Mozilla Firefox 4-18使用`:-moz-placeholder`伪类。 3. Mozilla Firefox 19+使用`::-moz-placeholder`伪元素。 4. Internet Explorer 10使用`:-ms-input-placeholder`伪类。 5. 其他浏览器,如IE9和Opera12以下...

    css自定义占位文本(placeholder)的样式的方法示例

    input:-moz-placeholder { color: #999; } /* Firefox 19+ */ input::-moz-placeholder { color: #999; } /* 对于textarea的处理同理 */ textarea::-webkit-input-placeholder { color: #999; } textarea:-ms-...

    C#命名规则 C#命名规则

    - `PlaceHolder`:plh - `RadioButton`:rad - `RadioButtonList`:radl - `Substitution`:subs - `Table`:tbl - `TextBox`:txt - `View`:vw - `Wizard`:wiz - `Xml`:xml 9. **验证控件命名**: - ...

    H5 输入框的提示信息

    input::-moz-placeholder { /* Firefox 19+ */ color: #999; } input:-ms-input-placeholder { color: #999; } input::placeholder { color: #999; } ``` 以上代码将所有浏览器的提示信息颜色改为灰色。 三、...

    2021-2022计算机二级等级考试试题及答案No.19607.docx

    - CheckBox和RadioButtonList是控件,但PlaceHolder不是(C),它是一个布局容器。 19. FoxPro数据库: - 自由表可以添加到数据库中,反之亦然(C)。 20. 键盘设备: - 个人电脑常用101键和104键键盘(正确)...

    placeholder-geojson-源码.rar

    《placeholder-geojson-源码解析》 在深入探讨`placeholder-geojson-源码`之前,我们首先要理解什么是GeoJSON。GeoJSON是一种开放的地理数据格式,它以JSON(JavaScript Object Notation)为基础,用于存储地理空间...

    HTML5 placeholder属性详解

    input:-moz-placeholder { color: #f00; } /* Webkit特定 */ #field2::-webkit-input-placeholder { color: #00f; } #field3::-webkit-input-placeholder { color: #090; background: lightgreen; text-transform: ...

    jquery-placeholder:一个简单的 jQuery 占位符插件

    一般情况下,这些文件会存储在 `jquery-placeholder-master` 压缩包中的 `js` 目录下。 ```html <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.placeholder.min.js"> ``` 然后,在...

    Axure-RP9培训教程PPT

    - 占位符(Placeholder)。 - 形状按钮(Shape Button)。 - 动态面板(Dynamic Panel)。 - **操作方式**: - 选中组件。 - 拖拽至工作区。 - 编辑组件属性(颜色、形状、文字等)。 ##### 3. 动态面板 - **用途**: ...

    VUE核心技术视频,

    - 示例: `<input v-model="message" placeholder="编辑我">` - **修饰符**: - 如`.lazy`、`.number`等,增强表单功能。 #### 三、组件化开发 ##### 3.1 组件基础 - **注册组件**: - 局部注册: 在Vue实例中定义。...

    CSS hack浏览器兼容一览表

    - `:-moz-placeholder`: Firefox早期版本的占位符样式hack。 - `:-ms-input-placeholder`: 针对IE10及更高版本的输入框占位符样式。 5. **通用hack**: - `!important`: 这个不是针对特定浏览器的hack,而是用于...

    解决IE下不支持placeholder属性

    input:-moz-placeholder { /* Firefox 18- */ color: #999; } input::-moz-placeholder { /* Firefox 19+ */ color: #999; } input:-ms-input-placeholder { color: #999; } ``` ```javascript var ...

    HTML5里的placeholder属性使用实例和美化显示效果的方法

    input:-moz-placeholder { color: #f00; } ``` 对于更个性化的样式,例如针对特定输入框进行颜色、字体、背景或动画效果的修改,可以使用更具体的选择器。例如,下面的CSS代码分别设置了不同输入框的`placeholder`...

    webpack-image-placeholder-loader:生成纯色图像作为占位符

    webpack-image-placeholder-loader 该加载器从给定图像生成彩色或纯色图像,用作占位符。 该程序包在内部使用。 有关从图像派生的,请参见。 支持JPEG,PNG,WebP,TIFF,GIF和SVG图像。 例子 安装 使用npm安装:...

    vue + el-input 中 textarea 实现 placeholder 换行

    默认情况下,`placeholder`的文本是单行显示的,但我们可以利用CSS来实现多行`placeholder`效果。 在Vue.js项目中,由于`el-input`组件的封装,我们不能直接通过内联样式来修改其内部`textarea`的`placeholder`样式...

    《前端手册》

    - 使用`placeholder`属性提示用户输入格式。 - 为重要表单字段添加`required`属性确保数据完整性。 #### 四、JavaScript编码规范 1. **变量命名**: - 使用有意义的变量名,如`username`而不是`u`。 - 使用`let...

    Laravel开发-placeholder

    echo $placeholder->generate(); ``` ### 3. 自定义生成器 如果你需要创建更个性化的占位符,可以自定义图像生成器。`LaravelDevelopment\Placeholder\Generator` 接口定义了必要的方法,实现该接口后,将其设置为...

Global site tag (gtag.js) - Google Analytics