CSS and Form Styling Quiz

Which HTML elements are easiest to style using CSS?

Which form input type does not inherit font from the parent in Chrome?

What CSS value makes a form control inherit font from its parent?

• inherit

• default

• parent

• copy

Which form elements are harder to style with plain CSS?

Which form control's calendar popup can't be styled using only CSS?

What CSS property ensures form controls match the parent's font-family?

• font-family: inherit;

• font-weight: bold;

• text-align: center;

• display: block;

Why were early form widgets not stylable with CSS?

• CSS didn't exist or wasn't widely supported

• HTML forms were too complex

• JavaScript was required

• Browsers ignored all styling

What does box-sizing: border-box do?

• Includes padding and border in the element's total width/height

• Removes padding

• Ignores margins

• Centers the element

Which input type is considered hard to style?

• checkbox

• text

• email

• textarea

Which CSS property can help align all form controls to a consistent size?

• width + box-sizing

• display: inline-block

• position: absolute

• flex-direction: row