<style>
textarea {
height: 35px;
}
div {
color: red;
}
fieldset {
margin: 0;
padding: 0;
border-width: 0;
}
.marked {
background-color: yellow;
border: 3px solid red;
}
.marked_img {
background-color: rgb(89, 0, 255);
border: 3px solid red;
}
</style>
<body>
<form action="" method="post">
<fieldset>
<input type="button" value="input button">
<br>
<input type="checkbox" name="" id="">
<br>
<input type="file" name="" id="">
<br>
<input type="hidden" name="">
<br>
<input type="image" src="" >
<br>
<input type="password" name="" id="">
<br>
<input type="radio" name="" id="">
<br>
<input type="reset" value="reset">
<br>
<input type="submit" value="submit">
<br>
<input type="text" name="" id="">
<br>
<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br>
<textarea name="" id="" cols="30" rows="10"></textarea>
<br>
<button>botton</button>
</fieldset>
</form>
</body>
<script src="/public/static/index/js/jquery.js"></script>
<script>
$(function() {
var input = $(":button").addClass("marked");
var input1 = $("input:image").addClass("marked_img");
})
</script>