HTML/CSS/Form Style/Label class

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

label:after

 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
label:after {
  content: ": ";
}
label {
  background-color: pink;
  color: black;
  font-weight: bold;
  padding: 4px;
  text-transform: uppercase;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: xx-small;
}


  </style>
</head>
<body>

<form action="" method="post">
  <label for="uname">Username</label>
  <input type="text" name="uname" id="uname" value="" /><br />
  <label for="pname">Password</label>
  <input type="text" name="uname" id="uname" value="" /><br />
  <input type="submit" name="Submit" value="Submit" class="buttonSubmit" />

</form>
</body>
</html>