Submodule 8.2: The CSS of forms

The below CSS rules define the appearance of the submit button. By default, a button has a grey background and square shape. However, using CSS rules we can create a button as we want it.

The CSS rules:

input[type=submit] {
  width: 16%;
  background-color: #6E3F19;
  color: #F5F5DC;
  padding: 14px 5px 14px 5px; 
  border-style : 2px dashed; 
  border-color: rgb(162, 101, 52);
  border-radius:18px;
 }

will create a page displayed as: