Using :focus to style outer div?

Question

When I begin writing text in the textarea, I want the outer div, with a class box, to have it\'s border turned solid instead of dashed, but somehow the :focus doesn\'t apply

Answer 1

You can tab between div tags. Just add a tab index to the div. It's best to use jQuery and CSS classes to solve this problem. Here's a working sample tested in IE, Firefox, and Chrome (Latest versions... didn't test older).

    
        
        
        
    
    
        

            
Div 1
 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~ 

        
        

            
Div 2
 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~ 

        
        

            
Div 3
 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~ 

        
        

            
Div 4
 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~ 

            ~Your Text Here~