I’ve been struggling the last few days with making a functional stylized button. I am still really new, so I’m sure I’m missing something.
From what I understand, this code should make a basic submit button with a background that changes colors when hovered over. All I seem to get is an underlined link, though the text does change color.
All you’ve defined in HTML is a link, that’s why you see a link. HTML has a button element which you’re not using. Google it and read up on it and you’ll resolve your issue.
Here you are styling a button element, but you don’t have a button element in the HTML. Also, you are missing the closing curly bracket } you have two opening brackets.
body,
input,
button {
font: 24px "impact", Comic Sans MS;
{ <-- should be a closing }
What is spray and Hummingbird supposed to be? Also, you have a semicolon at the end that shouldn’t be there.
Spray and hummingbird are what I thought were color names I got from a color theme website. The original code had hex numbers for the colors, but when I was writing the post, I noticed they were missing, so I just threw them in.
I went back and plugged them in. I also tried your suggestions and am still not getting anything. I feel like I’m dancing around the right answer, just not quite there yet.