How do I make my submit button have white text with a red background?

Question

I am attempting to make my submit button have a red background and white text. I am using css style within the html <head> section. I have tried this:

input [type="Submit"] {
   color: white; 
   background: red;
}

But this does not work. Does anyone have any ideas about what might be going on?

https://dash.generalassemb.ly/projects/build-your-own-personal-website

Hmm if you have button then why you are styling `input`? Can you provide html markup for this button? Maybe you mean `button[type="submit"]` (note `submit` in lowercase) — Darek Gala, May 07 '20 at 21:03

score 0 · Accepted Answer · answered May 07 '20 at 21:06

0

Your CSS syntax is wrong: don't put a space between input and [type="Submit"].

Here is your code:

input[type="Submit"] {
   color: white; 
   background: red;
}

<input type="submit">

answered May 07 '20 at 21:06

MARSHMALLOW

1,315
2
12
24

@DanO'Neil No problem :) – MARSHMALLOW May 07 '20 at 21:34

How do I make my submit button have white text with a red background?

1 Answers1