Question: Exercise 3-3 In addition to hover pseudo-class, there are pseudo classes like focus, link and visited. For pseudo In this exercise we will work on



Exercise 3-3 In addition to hover pseudo-class, there are pseudo classes like focus, link and visited. For pseudo In this exercise we will work on focus pseudo class. The syntax for writing pseudo class focus is the same as writing hover pseudo class. Once again we use : (colon) rather than- (period). For example to write focus rules for input tag we write input:focus f rules...-& just like input:hover f rules..for hover Write CSS rules to generate a form such as the one below. When the following text boxes and buttons are focused, their background color will change to yellaw,when they are hovered, their background color wil change to cyan Last Name First Name E-mail Address: SubmitClear The figure shows below indicates last name text field was hovered. The background color changed to cyan and box size enlarged as well. Last Name First Name E-mail Address: Submit Clear The following screen shot displayed as when last name field was focused (clicked by user). The background color changed to yellow. The bax still enlarged. Last Name: First Name: E-mail Address: SubmitClean
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
