input-placeholder字体颜色设置,单选,复选自定义样式

发布于 2020-11-11  69 次阅读


input-placeholder字体颜色设置

    input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:    #ffffff;
    }
    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #ffffff;
    }
    input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #ffffff;
    }
    input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:    #ffffff;
    }
    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #ffffff;
    }

单选,复选自定义样式

.input-checkbox[type="checkbox"]{
    display: inline-block;
    vertical-align: middle;
    width: 0.7rem;
    height: 0.7rem;
    overflow: hidden;
    margin: 0;
    border: 0;
    outline: 0!important;
    background-color: transparent;
    -webkit-appearance: none;
}
.input-checkbox[type="checkbox"]:before{
    display: block;
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    background: url(/Public/Home/Mobile/images/checked.png)no-repeat center;
    background-size: 100% 100%;
}
.input-checkbox[type="checkbox"]:checked:before {
    display: block;
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    background: url(/Public/Home/Mobile/images/checked_2.png)no-repeat center;
    background-size: 100% 100%;
}

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。