2017-11-10 6 views
0

私は新しいプログラマーです。普通の入力要素をクリックするとこれが可能です。アウトラインカラーをアウトラインで変更したいと考えています:outline:#4CAF50 solid 1px; JavaScriptなしで可能ですか?どんな助けもありがとうございます。CSSのアウトラインがjavacriptなしで使用されました

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
input { 
 
    border: 1px solid black; 
 
    outline: #4CAF50 solid 1px;  
 
    padding: 20px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<input type="text"> 
 

 
</body> 
 
</html>

答えて

3

使用input:focus

デモ

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
input:focus { 
 
    border: 1px solid black; 
 
    outline: #4CAF50 solid 1px;  
 
    padding: 20px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<input type="text"> 
 

 
</body> 
 
</html>

0
<!DOCTYPE html> 
<html> 
<head> 
<style> 
input:hover { 
    border: 1px solid black; 
    outline: #4CAF50 solid 1px;  
    padding: 20px; 
} 
</style> 
</head> 
<body> 

<input type="text"> 

</body> 
</html> 
+0

私は、彼らは 'を探しているかもしれないと思う:focus'セレクタの代わりに、':hover'。 –

0

あなたはそれを意味しましたか?

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
input {  
 
    padding: 20px; 
 
    border: 1px solid black; 
 
} 
 
input:focus { 
 
    outline: 1px solid #4caf50;  
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<input type="text"> 
 

 
</body> 
 
</html>

関連する問題