2012-05-11 72 views
0

改變文本輸入邊框顏色擊中通過CSS打

你好改變文本輸入邊框顏色由CSS

我已經

<input type=text value=test id=ff> 

我使用這個CSS代碼到這個網站領域設置上邊框

#ff{ 
border:1px #000 solid 
} 

我想改變邊框顏色(紅色),當我點擊領域

例如:在谷歌搜索欄,當你點擊搜索欄來寫東西,邊框會變爲藍色

回答

4
#ff:focus {border-color: #f00; } 

對於IE7則可以使用JavaScript(jQuery的特別),例如:

<style> 
    #ff:focus, 
    #ff.focus {border-color: #f00; } 
</style> 

<!--[if lte IE 7]> 
<script> 
$('#ff').focus(function() { 
    $(this).addClass('focus'); 
}).blur(function() { 
    $(this).removeClass('focus'); 
}); 
</script> 
<![endif]--> 
+0

非常感謝你,它的工作正常..但爲什麼它不適用於IE 7?我如何使用它與IE7? –

+0

IE7瀏覽器太舊,不支持':focus'僞類。如果需要,您可以使用JavaScript。但鑑於它不是一個關鍵的功能,在這種情況下完全沒關係IE7。 –