ut { background-color: #f2f2f2; border: none; padding: 12px 20px; border-radius: 4px; margin: 8px 0; width: 100%; box-sizing: border-box; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; } /* Submit button styles */ button[type=submit] { background-color: #3f51b5; color: #fff; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; } button[type=submit]:hover { background-color: #263238; } /* Validation error message styles */ .error-message { color: #f44336; font-size: 14px; font-weight: 400; margin-top: 8px; } /* Success message styles */ .success-message { color: #4CAF50; font-size: 14px; font-weight: 400; margin-top: 8px; }

电脑端截图

移动端截图