Set color, background color and font for a label control : label « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. label

Set color, background color and font for a label control

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">

label {
 background-color: gray;
 color: black;
 font-weight: bold;
}

</style>
</head>

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

</html>








Related examples in the same category

1.'label' creates a label and associates it with another element
2.label:after
3.Using the label for element
4.Set style for form label
5.Set font for label
6.Use different font for label and other form controls
7.Set margin-top and display style for label
8.Set label control for right text alignment, padding right 20px
9.Set label after style
10.Set Label padding and text transformation
11.Set label font family and font size
12.Inline label
13.Label style text-align: right
14.label background-color: pink;
15.label color: black;
16.label font-weight: bold;
17.label padding: 4px;
18.label text-transform: uppercase;
19.label font-family: Verdana, Arial, Helvetica, sans-serif;
20.label font-size: xx-small;
21.Positioning labels
22.Label above
23.label display: block;
24.label font-weight:bold;
25.label margin:5px 0;
26.label font-weight:bold;
27.label font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
28.label font-size: 12px;
29.label color: #040507;
30.label display: block;
31.label text-align: right;
32.label width: 100px;
33.Adding underline for labels
34.Place label on the top of a field
35.label text-align: left; text-align: center;
36.Labelled fields
37.Using the label element
38.Implicit labels
39.label float:left; width:100px;
40.Fieldsets and labels
41.Aligning labels with List
42.Block-level labels
43.Top-positioned Text Labels
44.Left-aligned Text Labels