隨它去吧

一直以來挺喜歡用Chrome的，速度快，界面簡潔，比較友好，Safari由于也是Webkit內(nèi)核，因此有著跟Chrome類似的表現(xiàn)，但是他們也有好心辦壞事的時(shí)候，比如對文本框和文本域的處理，首先會自動加上黃色的高亮邊框顯示，然后對于文本域右下角會多出一個(gè)手動縮放尺寸的功能，這種“人性化”處理，一般情況下是很不錯(cuò)的，但是對于前端開發(fā)來講，有時(shí)候反而成了問題，比如你想精準(zhǔn)控制文本框文本域的外觀樣式和狀態(tài)，那么Webkit這些處理反而成了敗筆，怎么去掉這些呢？其實(shí)挺簡單：

1、高亮外框的取消

input {
outline: none;
}

textarea {
outline: none;
}

如上，使用CSS的outline就可以實(shí)現(xiàn)

2、文本域縮放功能的取消

也是使用CSS，具體有兩種方法

textarea {
width: 400px;
max-width: 400px;
height: 400px;
max-height: 400px;

上面是限定最大寬度和高度（CSS2），這也是最容易想到的方法了　　

texearea {
resize: none;
}

需要注意，這個(gè)方法中的resize是CSS3中的語法