想要找点什么呢?

幕冬有柒

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

幕冬有柒 · 2021-04-20 · 258 次阅读

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%;
}

  • 微信

Comments | 0 条评论