HTML/CSS/Form Style/Button class

Материал из Web эксперт
Перейти к: навигация, поиск

Button hover

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head> 

   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title></title>

<style type="text/css" media="Screen">

  • .button {
 margin: 0;
 padding: 3px 10px;
 font-size: 1em;
 color: black;
 cursor: pointer;
 border-left: 1px solid lightgray;
 border-right: 1px solid black;
 border-top: 1px solid lightgray;
 border-bottom: 1px solid black;

}

  • .button:hover,* .button.hover {
 border-left: 1px solid black;
 border-right: 1px solid lightgray;
 border-top: 1px solid black;
 border-bottom: 1px solid lightgray;

}

</style> </head> <body>

<form id="form1" method="post" action=""> 

   <input type="text" id="search" name="search" class="search" value="Search" /> 
   <input type="submit" id="submit1" name="submit1" value="Submit" /> 
   <input type="submit" id="submit2" name="submit3" value="value" /> 
   <input type="submit" id="submit3" name="submit2" class="button" value="Submit" /> 
   <input type="reset" id="reset1" name="reset1" class="button" value="Reset" />

</form>

</body> </html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/Form_Style/Button_class&oldid=5609»