Apakah arahan yang perlu saya gunakan untuk menjadikannya tidak berskala apabila saya mengklik butang hantar atau set semula. Saya mahu mereka kelihatan normal. Saya sepatutnya menggunakan hover untuk program ini tetapi bukan untuk 2 butang terakhir
Lihat di bawah kod yang saya ada setakat ini. Semuanya dihargai
<!DOCTYPE html>
<html>
<head>
<title>CSS rules</title>
<style>
input:focus{
background-color: yellow;
height: 40px;
width: 280px;
color: blue;
font-size: 24px;
}
input:hover{
background-color: cyan;
height: 40px;
width: 280px;
color: red;
font-size: 24px;
}
</style>
</head>
<body>
<form action="">
<table>
<tr>
<td>Last Name:</td>
<td>
<input type="text" id="LastName" />
</td>
</tr>
<tr>
<td>First Name:</td>
<td>
<input type="text" id="FirstName"/>
</td>
</tr>
<tr>
<td>E-mail Address :</td>
<td>
<input type="password" id="Email"/>
</td>
</tr>
<tr>
<td>
<input type="submit"/>
</td>
<td>
<input type="reset"/>
</td>
</tr>
</table>
</form>
</body>
<!--body tag ends here-->
</html>
<!--html tag ends here-->
Cuba guna kod tapi tak tahu
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Menukar cara gaya dipanggil. Dengan menghantar [type=text] dalam CSS, anda memastikan bahawa hanya type=text dan type=password mengambil gaya, dan menjadikan butang serah dan set semula tidak mengambil gaya.