最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套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/363.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论