文本框獲得焦點時改變背景顏色

文本框或者文本域獲得焦點時改變背景顏色和邊框.時區焦點時還原最初狀態.這樣做可以極大地提高用戶體驗,使用戶的操作可以可到及時的反饋.

我先是想到使用CSS實現,

input:focus,textarea:focus{
    border:1px solid #f99;
    background-color:navajowhite;
}

貌似實現了,經過測試:發現低版本的IE不支持.我比較喜歡做IE兼容,就是查了很多資料.

發現IE6並不支持除了超鏈接元素(hover)之外的偽類選擇器.

於是想到可以使用jQuery的focus來試試,

$(":input").focus(function () {
    $(this).addClass("focus");
}).blur(function () {
    $(this).removeClass("focus");
});

在低版本IE測試可以運行.