Blog

Question 1:  Which CSS property is used to change the background color of an input field?

(A) color

(B) background-color

(C) border-color

Question 2:  How can you style a placeholder text inside an input field?

(A) ::placeholder

(B) :placeholder

(C) ::input-placeholder

Question 3:  Which CSS property controls the size of a text input field?

(A) width

(B) size

(C) height

Question 4:  Which CSS pseudo-class is used to style an input field when it's selected?

(A) :focus

(B) :hover

(C) :active

Question 5:  What property is used to round the corners of an input field?

(A) border-round

(B) border-radius

(C) corner-radius

Question 6:  How can you disable the resize option for a <textarea> using CSS?

(A) resize: none;

(B) resize: disable;

(C) resize: hidden;

Question 7:  Which CSS property is used to add space inside an input field?

(A) margin

(B) padding

(C) spacing

Question 8:  How do you make a checkbox larger using CSS?

(A) font-size

(B) scale()

(C) width and height

Question 9:  Which pseudo-class is used to style a required input field?

(A) :mandatory

(B) :required

(C) :compulsory

Question 10:  How do you change the border color of an input field when it contains invalid data?

(A) input:invalid { border-color: red; }

(B) input:wrong { border-color: red; }

(C) input:error { border-color: red; }