码迷,mamicode.com
首页 > Web开发 > 详细

css 修改input输入框属性

时间:2019-01-02 12:48:06      阅读:860      评论:0      收藏:0      [点我收藏+]

标签:code   lin   firefox   parent   xpl   cti   font   div   inter   

1.修改输入框颜色背景色等

input[type=text] {
    width: 340px;
    padding: 0 25px;
    height: 48px;
    border: 1px solid #f2f2f2;
    background: #f6f6f6;
    color: #202124;
    font-size: 14px;
    line-height: 48px;
    border-radius: 25px;
}

2.修改输入框选中时的边框颜色及背景色

input[type=text]:focus { 
    outline: none;
    border-color: #2ca63b;
    background-color: #fff;
 }
input[type=text]::selection{
    background:transparent;
    background-color: #fff;
}
input[type=text]::-moz-selection{
    background:transparent;
    background-color: #fff;
}

3.修改placeholder颜色

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    color: #bababa;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bababa;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bababa;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #bababa;
}

 

css 修改input输入框属性

标签:code   lin   firefox   parent   xpl   cti   font   div   inter   

原文地址:https://www.cnblogs.com/wylj/p/10207146.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!