zoukankan      html  css  js  c++  java
  • css改变file类型input框的默认样式以及改变placeholder的默认颜色

    一、伪元素改变file类型input框的默认样式:

    css:

    ::-ms-browse, [type='file'] {
        padding: .4em;
        line-height: 24px;
        border: 1px solid #a0b3d6;
        background: #f0f3f9;
        color: #34538b;
    }
    ::-webkit-file-upload-button {
        padding: .4em;
        line-height: 30px;
        border: 1px solid #a0b3d6;
        background: #f0f3f9;
        color: #34538b;
    }
    

    html:

    <input id="wenjian" type="file" />

    二、改变placeholder的默认颜色:

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    	color: #fff;
    }
    
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
    	color: #fff;
    }
    
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
    	color: #fff;
    }
    
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
    	color: #fff;
    }
    

      

      

  • 相关阅读:
    文件读取原理和文件删除原理
    day 1 随堂作业
    day 2 随堂作业
    day 3 随堂作业
    day 4 随堂作业
    day 5 随堂作业
    day 6 随堂作业
    day 7 随堂作业
    day 8 随堂作业
    day 9 随堂作业
  • 原文地址:https://www.cnblogs.com/dakini/p/5056497.html
Copyright © 2011-2022 走看看