Question

In HTML or CSS, is there a way to edit the size, shape, and overall appearance of buttons, say the code

<input type="button" onclick="spam()" value="Spam">

but make the button actually look attractive, not gray and small?

Answer 1

Sure, one approach is to give it a class and use that class to style it.

<input class="submit-button" type="button" onclick="spam()" value="Spam">

.submit-button{  
  /* style properties go here */
}

To style all buttons the same you could simply use a css selector as follows

input[type="button"] {
    /* style properties go here */
}