css3ForProgrammers/selectors2.html at master · scottdavis99/css3ForProgrammers · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!doctype html>
<html>
  <head>
    <title>More Selectors</title>
    <meta name="viewport" content="width=device-width">

    <style type="text/css" media="screen">
      input{
        width: 15em;
      }

      input[type='submit']{
        width: 7em;
        color: red;
      }

      label{
        display:block;
        font-style: italic;
        font-weight: bold;
      }

      label:after{
        content: ":";
      }

    </style>
  </head>
  <body>
    <h1>More Selectors</h1>
    <form action="#">
      <label for="name">Name</label>
      <input type="text" name="name" value="" id="name"/>
      <br/>

      <label for="email">Email</label>
      <input type="email" name="email" value="" id="email"/>
      <br/>

      <label for="web">Web</label>
      <input type="url" name="web" value="" id="web"/>
      <br/>

      <input type="submit" value="Continue &rarr;">
    </form>

  </body>
</html>