CSS layout error with submit button

Question

This is a stupid problem, but I can’t correctly configure the registration for the submit button. Regardless of what I entered for filling, the width and height of the button never change. Here is the css:

.green_submit {
color: #fff;
background-color: #94c909;
border-right: 1px solid #6d9307;
border-bottom: 1px solid #6d9307;
border-left: none;
border-top: none;
padding: 25px;
}

And HTML:

<input type="submit" class='green_submit' value="Validate" />

Any obvious issues here? How can I manipulate the fill on the submit button?

Answer 1

Try an element <button>, it allows you to better style. This may also be due to the fact that the input element is an inline element. Add display: built-in block; may also help.