zoukankan      html  css  js  c++  java
  • 修改input框里的字体或颜色和input加小图标

    修改input框里的字体或颜色

    /* WebKit browsers */
    input::-webkit-input-placeholder {
        color: #C0C0C0;
        font-size: 14px;
    }
    /* Mozilla Firefox 4 to 18 */
    input:-moz-placeholder {
        color: #C0C0C0;
        opacity: 1;
        font-size: 14px;
    }
    /* Mozilla Firefox 19+ */
    input::-moz-placeholder {
        color: #C0C0C0;
        opacity: 1;
        font-size: 14px;
    }
    /* Internet Explorer 10+ */
    input:-ms-input-placeholder {
        color: #C0C0C0;
        font-size: 14px;
    }

    input框加小图标

    1.用padding-left:

     

    2.用首行缩进:

        input[type=text]{
            300px;
            height:28px;
            color:#666;
            border:1px solid #888;
            border-radius:4px;
            background:url("data:image/gif;base64,R0lGODlhBwAHALMAAAAAAP///+FPgeBOgOJQgt9Pgt9Qgt5Pgd1Rgf///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAHAAcAQAQbUEg5JDEhCIMG1kJljIdwEEeAGETmggcmFEYEADs=") no-repeat 8px center / 10px 10px;
            line-height:28px;
            text-indent:24px;
        }
    </style>
    <input type=text value="请输入" />

    text-indent 属性规定文本块中首行文本的缩进。 注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

  • 相关阅读:
    实验七---类的多态
    实验六
    实验五---排序、质数
    实验四---杨辉三角
    node中间件KOA函数
    java文件名判断练习
    npm install 安装报错错误问题
    bundle is not defined 手动搭建项目架构(一)
    ztree实现拖拽功能
    js单线程 详解 来自知乎
  • 原文地址:https://www.cnblogs.com/xiejn/p/13963120.html
Copyright © 2011-2022 走看看