文字框獲取焦點設定樣式

antzone發表於2017-04-12

分享一段程式碼例項，它實現了文字框獲取焦點設定樣式的功能。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
input:focus {
  color:green;
  background:#ccc;
}
</style> 
</head>  
<body> 
<input type="text" value="螞蟻部落">
</body> 
</html>

上面的程式碼簡單演示了我們的要求，更多內容可以參閱css :focus選擇器用法介紹一章節。

相關文章