CSS Enhancement

I have the below CSS.

However, the font properties seem only to apply to the table.

How can I make the same font properties to apply to any HTML form element such as input field, radio button, paragraph etc...?

For example, at the moment, when I put in a text, the text does not inherit the font proprieties from the CSS.





      body,
      html {

            margin:0;
            padding:0;
            color:#000;
            background:#ffffff;
      }
      #wrap {
            width:1250px;
            margin:0 auto;
            background:#f9f9f9;
      }
      #header {
          padding:5px 10px;
            background:#d3d3d3;
      }
      h1 {
          margin:0;
    }
      #nav {
            padding:5px 10px;
            background:#ededed;
      }
      #nav ul {
            margin:0;
            padding:0;
            list-style:none;
      }
      #nav li {
            display:inline;
            margin:0;
            padding:0;
      }
      #main {
            float:left;
            width:150px;
            padding:5px;
            background:#ffffff;
      }
      h2 {
            margin:0 0 1em;
      }
      #sidebar {
            float:right;
            width:1055px;
            padding:10px;
            background:#FFFFFF;
      }
      #footer {
            clear:both;
            padding:5px 10px;
            background:#d3d3d3;
      }
      #footer p {
            margin:0;
    }
      * html #footer {
            height:1px;
      }

/********************/
/* TABLE DEFINITION */
/********************/
table.gridtable {
      font-family: verdana,arial,sans-serif;
      font-size:11px;
      color:#333333;
      border-width: 1px;
      border-color: #666666;
      border-collapse: collapse;
}
table.gridtable th {
      border-width: 1px;
      padding: 8px;
      border-style: solid;
      border-color: #666666;
      background-color: #dedede;
}
table.gridtable td {
      border-width: 1px;
      padding: 8px;
      border-style: solid;
      border-color: #666666;
      background-color: #ffffff;
}

/******************************/
/* TABLE DEFINITION NO BORDER*/
/*****************************/
table.gridtablenoborder {
      font-family: verdana,arial,sans-serif;
      font-size:11px;
      color:#333333;
      border-width: 0px;
      border-color: #666666;
      border-collapse: collapse;
}
table.gridtablenoborder th {
      border-width: 0px;
      padding: 8px;
      border-style: solid;
      border-color: #666666;
      background-color: #dedede;
}
table.gridtablenoborder td {
      border-width: 0px;
      padding: 8px;
      border-style: solid;
      border-color: #666666;
      background-color: #ffffff;
}



/*******************/
/* FONT COLORS */
/********************/
.redtext
{
  color: #FF0000;

}

/*******************/
/* For fieldset */
/********************/
.fieldset-auto-width {
       display: inline-block;
       border: 0px solid #cc3;
}
Errol FarroAsked:
Who is Participating?
 
skijCommented:
Try this:
form *{
      font-family: verdana,arial,sans-serif;
      font-size:11px;
      color:#333333;
}

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.