关注微信公众号 太平洋学习网 扫描二维码
最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

修改placeholder字体颜色与大小示例

JS/CSS 太平洋学习网 浏览 评论

 修改placeholder字体颜色与大小要注意每个浏览器内核是不一样的,不过修改也很简单,看看下面的示例就可以了,如下。

html input输入框代码

<input type="text" placeholder="输入手机号码">

css style样式代码,如下,复制到你的项目中即可。

<style>
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #000; opacity:0.3;font-size:15px;
 }
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #000;opacity:0.3;font-size:15px;
 }
 input:-ms-input-placeholder{
  color: #000;opacity:0.3;font-size:15px;
 }
 input::-webkit-input-placeholder{
  color: #000;opacity:0.3;font-size:15px;
 }
</style>

color属性设置的是placeholder字体颜色。

opacity设置的是透明度,最高是1,表示不透明。

font-size设置的是placeholder字体大小。

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2017/1103/363.html

    与本文相关的文章