Edit Question - KnowledgeHub

Title Body

Is there any way to have a label respond to focus. I have some code where the textfield has a different style on focus. The label also however needs a slightly different style. I tried this but it did not effect the label. #header .search label { background:url(http://www.golfbrowser.com/images/icons/search.png) left top no-repeat; padding-left:20px; height:20px; float:right; } #header .search label:focus { background:url(http://www.golfbrowser.com/images/icons/search-z.png) left top no-repeat; padding-left:20px; height:20px; float:right; } #header .search input { padding:0px; border:0px; width:140px; height:20px; float:left; padding-right:10px; background:url(http://www.golfbrowser.com/images/icons/searchbar.png) right top no-repeat; } #header .search input:focus { padding:0px; width:190px; height:20px; float:left; padding-right:10px; background:url(http://www.golfbrowser.com/images/icons/searchbar-z.png) right top no-repeat; } The label contains an image and the other part of a round corner and it too must change colour in order for the field to look correct. Any ideas, Marvellous

Tags (comma-separated) Cancel