input {
outline: none;
}
/* 屏蔽文本框高亮 */
textarea {
outline: none;
}
CSS 屏蔽 Webkit 文本框縮放
Webkit 的文本框縮放功能原本是方便用戶進行大量文本輸入而設計的，但有時果度的縮放會造成下圖的效果，打亂了頁面的布局。如果你的網站已經為用戶提供了足夠大的空間讓用戶進行輸入，那么你可以屏蔽這個功能，用 CSS 有兩種方法。
CSS 2.1 的方法：
原理：限制文本框的最大寬度和最大高度，使其和設計的大小一樣。
textarea {
width: 400px;
max-width: 400px;
height: 400px;
max-height: 400px;
CSS3 的方法：
通過 resize 屬性禁止對元素進行縮放，因為 Chrome 對 CSS3 支持良好，因此推薦使用這個方法。
texearea {
resize: none;
}
posted on 2010-10-12 14:45
-274°C 閱讀(1026)
評論(0) 編輯 收藏 所屬分類:
web前端