7. Let's Focus


#1



Hi all!

I'm stuck at exercise "7. Let's Focus."

Link: https://www.codecademy.com/courses/web-beginner-en-JwhI1/1/3?curriculum_id=50a3fad8c7a770b5fd0007a1#

The outline of the input box is supposed to change to red, but it's not doing anything and I'm getting this message:

'Oops, try again. Please follow the instructions on the Full Preview page to test your code.'

I'm using Firefox, so I changed the css to "outline-style:solid" which made a thick black line around the field, but no change of colour. I've also tried refreshing but it's not making any difference. I'd really appreciate some help!

Thanks.


$(document).ready(function() {
    $('input').focus(function() {   
        $(this).css('outline-color','#FF0000');
    });    
});


#2

It means once the the preview window opens in full screen you need take your mouse and click in the input box and you will see it go in focus then you will be able to pass


#3

Ugh... Sorry. I was being quite dense. I was hovering over the field instead of clicking. Thank you! :slight_smile:


#4