使用类选择器的输入字段中的背景颜色

Question

我正在尝试更改各种输入字段的背景颜色，我尝试以下操作并且效果很好

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

但是我想知道为什么当我尝试使用类选择器时它没有：

.inputfields {

  background-color : #d1d1d1; 

}

我的HTML是

<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>