Currently, the page is in the process of creating an account.
I am looking to change the button background color to gray when one of the inputs does not have a value. Conversely, when all inputs have a value, I want the button background color to be blue.
This is how my code looks:
<style>
.create-student-account-box {
padding:23px;
width: 752px;
height: 489px;
font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;
color: #303030;
}
.create-student-account-box .create-student-content-box {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 10px;
}
.create-student-account-box .top-box {
margin: 0 auto;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.create-student-account-box .content-box {
margin-top: 30px;
}
(...continues with remaining CSS properties)
</style>
<...HTML structure continues as per original code snippet>
Using Chrome browser and not encountering any errors in the Console. Seeking guidance on troubleshooting this issue.