Anyway to have a label respond to :focus CSS

Question

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 sty

Answer 1

You can't actually give focus to a label. It's not a focusable form element. Besides, even if you could do that, then whatever previously had focus (that means your input) would lose it to the label anyway.

You may have to restructure your HTML (and modify your CSS accordingly) so that you can select input:focus and then that input's corresponding label. For instance, if you moved your label after your input and used the following CSS selector for your label, you should be able to accomplish what you want.

#header .search input:focus + label