解決html中input的placeholder的顏色，點擊時消失，input點擊時樣式的問題

<input placeholder="暑期大促" onfocus="this.placeholder=''" onblur="this.placeholder='暑期大促'" type="text">
複製代碼

對於瀏覽器不兼容的，使用如下代碼，更改placeholder的字體顏色等

.search-input input::-webkit-input-placeholder{
    color: #000;
}
.search-input input:-moz-placeholder{
    color: #000;
}
.search-input input::-moz-placeholder{
    color: #000;
}
.search-input input:-ms-input-placeholder{
    color: #000;
}
複製代碼

使用outline來控制點擊input時input邊框樣式的改變

input{
  outline:none;
}
複製代碼

控制placeholder點擊時消失文本，離開後文本從新顯示，使用一個小小的js就能夠了

onfocus="this.placeholder=''" /*點擊的時候文本設置爲空*/
onblur="this.placeholder='暑期大促'" /*離開的時候文本顯示出來*/
複製代碼

將這一部分代碼添加到就能夠