Attribute selector step 56 registration form

HTML-CSS
1

I am typing the code in exactly as is suggested in the hint, but it will not pass.
I’m not sure what else to do.
Here are the directions for step 56 of the Registration Form lesson.

To style the submit button, you can use an attribute selector, which selects an element based on the given attribute value. Here is an example:

input[name=“password”]
The above selects input elements with a name attribute value of password.

Now, use the attribute selector to style the submit button with a display of block, and a width of 60%.

My code:
input[type=“submit”]

Test
Sorry, your code does not pass. Keep trying.

Hint
You should use an attribute selector of input[type=“submit”] to style the submit button.

2

You’ll need to paste your CSS in here so we can see what you did.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1 Like
3

Thank you so much for helping and explaining how to add my code the forum!

input[type="submit"]

This is what I have typed into to step 56 for the Registration Form lesson, and it will not pass, but the hint given is telling me to use what I have already typed. I have also copy and pasted from the hint which hasn’t worked either. I’m stuck

4

Hello.

Do you give the display and width attributes?

Grets.

5

Yes, thank you, I’ve tried with and without the display and width

input[type="submit"]{
  display: block;
  width: 60%;
}

Test
Sorry, your code does not pass. Keep trying.

Hint
You should use an attribute selector of input[type=“submit”] to style the submit button.

6

This is correct and should pass. If it does not then chances are you accidentally changed something else and don’t realize it. Make sure you restart the step to get the original CSS back and try again. If it still doesn’t work then perhaps try a different browser.

1 Like
7

Thanks so much for your help!!

8

Bro, chances are…
your code is probably missing a closing bracket somewhere.

I had AI analyse my code because I’ve been stuck on this step for half an hour. But my AI came up with this when I pasted in the code:

" It appears that there is a missing closing brace } for the .inline class in your CSS code. That’s likely causing the problem, as the browser cannot interpret the following code correctly."

1 Like
9

Hi , I actually had this same problem. That code didn’t work when I was working in freecodecamp from my safari browser, but did work when in chrome. Didn’t change anything, just used the same exact snippet for step 56 (see below). Not sure why it would work in chrome but not safari.

input[type=“submit”]{
display: block;
width: 60%;
}

2 Likes
10

thanks! it helps. I changed the browser and it worked.

11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.