在chrome瀏覽器中，防止input[text]和textarea在聚焦時出現黃色邊框的解決方案

特別是input[text]和textarea，並且在textarea右下角還有一個可用滑鼠拖動該表textarea大小的功能，如所示：

input[text]：

textarea：

有的時候黃色邊框很影響頁面效果，並且textarea拖動改變大小之後直接影響布局，所以為了不使這些多餘的功能和效果影響頁面，可以使用一下幾句CSS清除掉chrome瀏覽器的預設效果，代碼如下：

取消表單項聚焦時產生的黃色邊框：
複製代碼 代碼如下:
input,button,select,textarea{outline:none}

取消textarea的拖動改變大小的功能：
複製代碼 代碼如下:
textarea{resize:none}

合并之後：
複製代碼 代碼如下:
input,button,select,textarea{ outline:none;}
textarea{ font-size:13px; resize:none;}