欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

怎样修改输入框的默认文字颜色

程序员文章站 2022-04-24 20:34:13
...
这次给大家带来怎样修改输入框的默认文字颜色,修改输入框的默认文字颜色的注意事项有哪些,下面就是实战案例,一起来看一下。

html5为input添加了原生的占位符属性placeholder,高级浏览器都支持这个属性,例如:

<input type="text" placeholder="搜索" value=" ">

默认的placeholder字体颜色是呈浅灰色,如果想改变这个默认颜色,解决方案如下:

input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #999999;   
}   
  
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {   
    color: #999999;   
}   
  
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {   
    color: #999999;   
}

相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

HTML的表格应该怎样布局

标注HTML元素时class与id有什么不同

怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果

以上就是怎样修改输入框的默认文字颜色的详细内容,更多请关注其它相关文章!