"Form Fields- custom CSS"
Bootstrap 3.3.0 Snippet by jeevan123456

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container" >
<div class="row">
<div class="col-md-4" style="background:#e2e2e2">
<h3></h3>
<input class="name" name="username" placeholder="First Name" required="" type="text">
<input class="name" name="phoneno" placeholder="Phone No." required="" type="text">
<input class="email" placeholder="E-Mail" name="email" required="" type="email">
<input class="password" placeholder="Password" name="password" required="" type="password">
<input class="password" placeholder="Confirm Password" name="password" required="" type="password">
<input value="Register" type="submit">
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
input[type="text"], input[type="password"], input[type="email"] {
width: 100%;
padding: 2% 3%;
border: 1px solid #aa6f71;
outline: none;
font-size: 1em;
margin-bottom: 1.2%;
color: #000;
font-family: 'Roboto', sans-serif;
}
input[type="submit"] {
padding: 2.9% 0%;
border: 1px solid #aa6f71;
width: 54%;
outline: none;
font-size: 1em;
letter-spacing: 1px;
font-weight: 600;
color: #fff;
background: #aa6f71;
text-transform: uppercase;
cursor: pointer;
margin: 1% 0em 7.5%;
transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
font-family: 'Roboto', sans-serif;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: