Input type submit button in form css issue

Question

I have input type button (in a form) in a div, i tried changing the css of the input but it has no effect.

<input type=button value="Search" id="search">

css:

input[type=submit] {
color: #000000;
         background-color: #FFFFFF;
         font-size: 16px;
}

The type you have is submit in the css, but the type it is is button in the html. Try changing the css to type=button — gh9
– gh9, Commented Jan 16, 2015 at 14:05

Mathew Thompson · Accepted Answer · 2015-01-16 14:04:43Z

2

Your markup specifies [type=button], yet your CSS references [type=submit].

Change your HTML:

<input type="submit" value="Search" id="search">

answered Jan 16, 2015 at 14:04

Mathew Thompson

56.5k15 gold badges131 silver badges151 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Akshay · Accepted Answer · 2015-01-16 14:05:56Z

0

You have given button instead of submit Fiddle

input[type=submit] {
    color: green;
    background-color: #FFFFFF;
    font-size: 16px;
}

<input type="submit" value="Search" id="search">

answered Jan 16, 2015 at 14:05

Akshay

14.4k5 gold badges49 silver badges73 bronze badges

Comments

roNn23 · Accepted Answer · 2015-01-16 14:05:57Z

0

Your input type is button (without quotation marks). It should be submit. Also you CSS-selector should be with quotation marks.

input[type="submit"] { ... }

<input type="submit" value="Search" id="search">

answered Jan 16, 2015 at 14:05

roNn23

1,7121 gold badge19 silver badges33 bronze badges

Comments

SkyBlues87 · Accepted Answer · 2015-01-16 14:06:17Z

0

You've set the id so just refence that:

#search {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 16px;
}

answered Jan 16, 2015 at 14:06

SkyBlues87

1,24510 silver badges17 bronze badges

Comments

Bryan Labuschagne · Accepted Answer · 2015-01-16 14:07:23Z

0

Use semicolons in your css:

input[type="submit"] {
color: #000000;
     background-color: #FFFFFF;
     font-size: 16px;
}

Or

input[type="button"] {
color: #000000;
     background-color: #FFFFFF;
     font-size: 16px;
}

answered Jan 16, 2015 at 14:07

Bryan Labuschagne

2131 silver badge8 bronze badges

Comments

Shems Eddine · Accepted Answer · 2015-01-16 14:08:32Z

0

in your css do:

input[type='button'] {
color: #000000;
         background-color: #FFFFFF;
         font-size: 16px;
}

also try putting the button for the type param in quotes:

<input type='button' value="Search" id="search">

answered Jan 16, 2015 at 14:08

Shems Eddine

14111 bronze badges

Collectives™ on Stack Overflow

Input type submit button in form css issue

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related