Tell us what’s happening:
Step 50
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%
.
Your code so far
html
CSS
.submit{
display:block;
width:60%;
}
Challenge: Step 50
Link to the challenge:
Your using the class ‘submit’ for the selector but I don’t see any element in the HTML with a class of ‘submit’. If the instructions talk about using an attribute selector for styling then I think it is a good bet that you should probably use an attribute selector to style the submit button
What attribute on your submit button could you use?
Hey i had an issue with this one as well, took me quite a bit actually… You have the right idea when you try to create the code. Only issue is they want you to use the
input[name=“password”] but replace the “password” with “submit” button as it says and replace the name before the = sign to type. After that add the remainder of the code you wrote down from { down. Hope this helps
3 Likes
Could you fix this? i get the same error
2 Likes
I did the following, but doesn’t work:
input[type=“submit”]
submit {
display: block;
width: 60%;
}
Hey there- I am also having the same problem with this one. The code I have entered this far is as follows:
input[type=“submit”]
submit {
display: block;
width: 60%;
}
any ideas?
remove second submit and you good.
8 Likes
i did what you said and it passed but the concept is just beyond me, idk what the hell im doing
3 Likes
maybe it works
mod edit: solution redacted
1 Like
Im going crazy with this, I did exactly what the other guys response and still didn’t work for me.
4 Likes
This finally worked for me, after searching and trying numerous times…
Mod Edit: SOLUTION REMOVED
7 Likes
I got passed without that extra submit element, but I don’t know how this work.
1 Like
This worked for me as well.
input[type=“submit”] was super easy but adding the
{qualifier: properties; } wasn’t discussed as a combo.
I had the second Submit like the others.
So now we know that the normal
input {qualifier: properties;}
can accept [additional=“properties”] as a [bracketed] pre-qualifier hence,
input[type=“submit”] {qualifiers: properties;} is the final result.
Glad that’s over 
2 Likes
thank you sm for this! omg I tried everything and this was the only one that worked for me <3!
Thank you times a million.
yo, you need:
Mod Edit: SOLUTION REMOVED