Loading

Quipoin Menu

Learn • Practice • Grow

Q1. How do you style form inputs?
Use input[type=text] selectors to target specific input types. Style padding, border, border-radius.

Q2. How do you style focused inputs?
Use :focus pseudo-class to change border color, add box-shadow, and remove default outline.

Q3. How do you style valid/invalid inputs?
Use :valid and :invalid pseudo-classes to show validation status with border colors.

Q4. Why use cursor: pointer on buttons?
It changes cursor to hand, indicating the element is clickable and improving user experience.

Q5. How do you create a horizontal form?
Use display: flex on form rows, with fixed width on labels and flex:1 on inputs.