zoukankan      html  css  js  c++  java
  • 更改input标签的placeholder的样式

    主要是要区别不同浏览器的不同css类

    在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了。

    input::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
    input:-moz-placeholder{}                  /* Firefox版本4-18 */
    input::-moz-placeholder{}                  /* Firefox版本19+ */
    input:-ms-input-placeholder{}           /* IE浏览器 */
    注1:冒号前写对应的input或textarea元素等。
    注2:placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。
    如:
    input::-webkit-input-placeholder {
        color: red;
        font-size: 25px;
    }

    好记性不如烂笔头,每天记录一点点
  • 相关阅读:
    我用自己做的图书比价搜索买了一本书
    2.17
    最近的工作
    FireBug的Bug
    2.18
    tecent面试题解答
    .net杂记
    python的round测试
    最近在网上买书的体会
    关于迅雷评论的一个改造html css
  • 原文地址:https://www.cnblogs.com/wayneliu007/p/10560409.html
Copyright © 2011-2022 走看看