改變input的預設樣式
阿新 • • 發佈：2018-12-13
1. 聚焦時不出現藍色邊框
outline:none;
2.修改 input 預設的placeholder
input::-webkit-input-placeholder {
font-size: 0.4rem; //字型
color: #CCCCCC; //顏色
letter-spacing: 0px;
}
相容瀏覽器
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder
3. 去掉number型別的加減樣式
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
4. checkbox 設定了-webkit-appearance: none 可能會導致無法正常選中
input[type=checkbox ]{
-webkit-appearance:checkbox;
}