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