input相關:點選時邊框顏色去除、placeholder樣式、點選時隱藏
阿新 • • 發佈:2019-02-02
♦ 點選聚焦時原生邊框顏色去除
border修改無用
input{outline:none}
input:focus { outline: none; }
♦ placeholder樣式修改(沒有統一寫法,必須分開寫)
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #666; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; }
♦ placeholder點選消失(chrome核心,其他核心可參照上面)
input:focus::-webkit-input-placeholder {color: transparent;}