HTML+CSS

设置修改默认input的placeholder的字体样式

input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
    color: red;
}
input::-moz-placeholder { /* Firefox 19+ */  
    color: red;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: red;
}
input:-moz-placeholder { /* Firefox 18- */
    color: red;
}
 
<input type="text" placeholder="请设置用户名">

设置input聚焦时的样式:

input:focus {   
  background-color: red;
}

取消input的边框:

border: none;
outline: none;

注意如果没有效果请添加!import即可