Question: In addition to hover pseudo-class, there are pseudo classes like focus, link and visited. For pseudo classes and elements refer to h In this exercise

 In addition to hover pseudo-class, there are pseudo classes like focus,link and visited. For pseudo classes and elements refer to h In

In addition to hover pseudo-class, there are pseudo classes like focus, link and visited. For pseudo classes and elements refer to h 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 frules..... for hover Write CSS rules to generate a form suchas the one below. When the following text boxes and buttons are focused, the ir background color will change to ye llow; when they are hovered, their background color will change to cyan. Last Name: First Name: E-mail Address: Submit Clear The figure shows below indicates last name text field was hovered. The background color changed to cyan background set to red (not show here because we don't have anything in the box yet), and box size enlarged as well Last Name First Name: E-mail Address: Submit Clear The following screen shot displayedas when last name field was focused (clicked by user). The background color changed to yellow and the foreground color is blue note the text box is still enlarged Last Name First Name E-mail Address: Submit Clear

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!