zoukankan      html  css  js  c++  java
  • 设置输入框input中placeholder的字体颜色、字号

    一、须知 
      placeholder属性时css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占用文本。

    二、设置placeholder文字颜色、字号 
    方式1 
      因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

        ::-webkit-input-placeholder{/*Webkit browsers*/
        color:#999;
        font-size:16px;
        }
        :-moz-placeholder{/*Mozilla Firefox 4 to 8*/
        color:#999;
        font-size:16px;
        }
        ::moz-placeholder{/*Mozilla Firefox 19+*/
        color:#999;
        font-size:16px;
        }
        :-ms-input-placeholder{/*Internet Explorer 10+*/
        color:#999;
        font-size:16px;
        }

     

    方式2、建议使用该方式,如果是在手机客户端webview只使用-webkit内核方式即可。 
        input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ 
        color:#666; 
        font-size:16px; 
        }

        input:-moz-placeholder,textarea:-moz-placeholder{ 
        color:#666; 
        font-size:16px; 
        }

        input::-moz-placeholder,textarea::-moz-placeholder{ 
        color:#666; 
        font-size:16px; 
        } 
        input:-ms-input-placeholder,textarea:-ms-input-placeholder{ 
        color:#666; 
        font-size:16px; 
        }

    窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
  • 相关阅读:
    记录一次SpringCloud Alibaba整合Springboot出现的'com.netflix.client.config.IClientConfig' that could not be found
    ysoserial-URLDNS链分析
    DIVA闯关-APP测试
    前端页面直接转换为PDF文件流
    中位数最大问题
    【vim】Linux添加环境变量等
    FFmpeg使用笔记
    【memo】及时留坑
    【album】深度学习 / 机器学习 / 人工智能
    【Linux】软件安装使用【aubio / FFmpeg】
  • 原文地址:https://www.cnblogs.com/qhantime/p/11328102.html
Copyright © 2011-2022 走看看