表單我們經常用到，有時候我們想自己設定表單的邊框樣式，但是當我們選中邊框時，表單就會顯示預設的藍色外圍邊框，就像下圖：

其實只要加一句：outline: 0;就可以解決這個問題了。
在表單中經常會有提示性的文字，當我們滑鼠放上去文字又消失了，這種也可以用JS的onfocus事件和onblur事件來處理，但是這未免太麻煩了些，placeholder是html5新增的input的一個屬性，主要是讓表單體驗更加智慧，相當於value屬性，但是他有一個好處就是當我們聚焦輸入文字的時候我們在placeholder=”預設值”的文字就會自動清空。不過相容性還不太好，至少ie好像要9以上才能支援。
那如果又要改變placeholder的顏色怎麼辦用css就可以，不過要考慮需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input和textarea)。

　::-webkit-input-placeholder { /* WebKit browsers */
　　color:#999;
　　}
　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#999;
　　}
　　::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#999;
　　}
　　:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#999;
　　}

                                            感謝閱讀