要使用CSS控制表单元素的样式，需要使用以下步骤：
例如，为所有的输入框添加样式：
input {
/* 样式 */
}例如，为输入框添加背景色、边框和内边距：
input {
background-color: #f2f2f2;
border: none;
padding: 10px;
}例如，为鼠标悬停时的输入框添加样式：
input:hover {
background-color: #ddd;
}例如，使用Bootstrap为表单元素添加样式：
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>以上是一些基本的CSS控制表单元素的方法和技巧，需要注意的是，为了确保表单的可访问性和易用性，应该遵循一些最佳实践，如为表单元素添加label、使用适当的表单控件类型等。