I am trying to change the background color of various input fields, I try the following and it works nice
input[type="text"], textarea {
background-color : #d1d1d1;
}
but I am wondering why it didn't when I am trying it with class selector:
.inputfields {
background-color : #d1d1d1;
}
my html is
<div class="container" >
<div class="row-fluid" >
<div class="span8" id="MyProfile">
<form action="" method="post" id="registerform">
<p>
<label for="username">Username</label>
<input class="inputfields" type="text" name="username" id="username" />
</p>
<p>
<label for="slider" id="agelabel">Age</label>
<div class="inputfields" id="Ageslider" onclick=""></div>
</p>
<p>
<label for="email">Email</label>
<input class="inputfields" type="text" name="email" id="email" />
</p>
</form>
</div>
</div>
</div>
</div>