Bu dersimiz focus yani odaklanma ma işlevine stil vermeyi görecez.Önce işlevinden başlayalım.input,textarea... gibi bir elemana odaklandığımızda yani focuslandığımızda onda stil verebiliriz.Yani bir inputa tıkladığımızda içindeki fontu değiştiririz yada rengi yada boyut vs değiştirebiliriz.Şimdi kodlarıma bakalım.
.isim:focus{color:red;}
yukarda isim clasına ait elemana focuslandığında rengini kırmızı yap dedik.
Genel Örnek:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<style type="text/css">
.yazi{width:100px;height:25px;color:#999;}
.yazi:focus{color:#333;width:200px;}
</style>
</head>
<body>
<input type="text" class="yazi" />
<br />
<input type="text" class="yazi" />
</body>
</html>
Görüntüsü:
UstaDerslik
