使用jQuery后代选择器

Question

I am trying to change the background color of a textbox in a form using Jquery descendant selector on this page jQuery Descendant code

Here's the form code I am using.

<form><div>Picnic Sign Up Form</div><label for="name">Full name</label>
<input name="fullname" id="fullname">
<fieldset>
<label for="firstname">Firstname here</label>
<input name="firstname" id="firstname"/> 
<label for="lastname">Lastname here</label>
<input name="lastname" id="lastname"/></fieldset></form>
$( "form fieldset input" ).css( "backgroundColor", "yellow" );

When I do this, it doesn't turn the inputs in the fieldset yellow. What is wrong with my code?

Answer 1

Can't see if they've been added already by your code above but if not:

Scripts need to be in tags

Also the css for background colour is: background-color

<script>
    $( "form fieldset input" ).css( "background-color", "yellow" );
</script>

And as you are using Jquery, you will need to include the jquery library before your script.