Confused_Girl
New Member
I want to change an element's color \[code\]Hdr_nav_search_box\[/code\] when focusing on another element \[code\]Hdr_nav_search_input\[/code\]. Here are the codes : http://jsfiddle.net/FJAYk/4/ I don not see why this is not working.\[code\]<input class="Hdr_nav_search_input" /><div class="Hdr_nav_search_box" /><span>search for location....</span><i>for example: blah blah</i></div>\[/code\]-\[code\].Hdr_nav_search_box{padding: 0 5px;margin: 7.5px 0;width:300px;height: 25px;background: white; }.Hdr_nav_search_input:focus .Hdr_nav_search_box{color: #d4d4d4; }.Hdr_nav_search_box span,.Hdr_nav_search_box i{line-height: 25px;color: gray;}.Hdr_nav_search_input{padding: 0 5px;margin: 7.5px 0;border: 0;z-index: 2;position: absolute;width:300px;height: 25px;background: transparent; }\[/code\]