DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 在chrome浏覽器中,防止input[text]和textarea在聚焦時出現黃色邊框的解決方法
在chrome浏覽器中,防止input[text]和textarea在聚焦時出現黃色邊框的解決方法
編輯:關於JavaScript     
特別是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;}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved