移动端常用的input框的样式

   input{
            text-indent: 0;
            background: transparent;
            border: 0 none;
            resize:none; 
            outline:none;  /*清除选中效果的默认蓝色边框 */
            -webkit-appearance:none;  /*清除浏览器默认的样式 */
            line-height: normal;   //光标问题 
        }
        input::-webkit-input-placeholder { /* WebKit browsers */
            line-height: 0.44rem;   //placeholder
        }
        input:focus {
            color: #8b8791;
        }

你可能感兴趣的:(web前端)