Saturday, October 18, 2008

input box css

Forms are an essential part of interaction on the Internet but they can look rather drab.modify the inputbox in my new module of css:

‹style›

input

{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

 input .submit
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}


.inputbox {
  width:200px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:11px;
  color:#dd580f;
  border:1px solid #dd0fa5;
  background:#d0e1e2;
  }

‹/style›

******************************* 

 ‹ input type="text" name="test1"/›

 ‹ input type="text" name="test1" class="inputbox" /›

 ‹ input type="submit" value="go!" class="submit" /›


No comments: