ورود

View Full Version : با focuse رنگ عوض شه



jamejam123
جمعه 09 اسفند 1392, 18:51 عصر
سلام
به این تصویر یه نگا بندازید
http://s5.picofile.com/file/8115221234/Search_Bar.png
به این کد ها هم یه نگا بنداز


<!doctype html>
<html>
<head>
<style type="text/css">

</style>

<meta charset="utf-8">
<title></title>
</head>

<body>


<form method="post" class="gg" action="">

<input type="text" class="in" value="email">
<input type="submit" class="sub" value="submit">

</form>

</body>
</html>




من می خوام موقعی که روی کلاس in فوکوس شد رنگ خودش و کلاس sub که در اطرافش قرار داره عوض شه.
رنگ خودش رو عوض میکنم ولی رنگ کلاس sub رو نمیتونم عوض کنم.
این کار رو می خوام با css انجام بدم.
چه جور میتونم این کار رو انجام بدم.
بی نهایت ممنون

2undercover
جمعه 09 اسفند 1392, 21:00 عصر
با استفاده از انتخابگر + می تونید عناصر بعد از یک عنصر رو در CSS انتخاب بکنید:

http://www.w3schools.com/cssref/sel_element_pluss.asp

jamejam123
جمعه 09 اسفند 1392, 23:34 عصر
سلام
تشکر فراوان از شما دست عزیز
این کد رو نوشتم ولی کار نمیکنه

.in:focus .in+input{
background:#9F0;
}

2undercover
شنبه 10 اسفند 1392, 14:08 عصر
.in:focus+input{
background:#9F0;
}