Answered step by step
Verified Expert Solution
Link Copied!

Question

00
1 Approved Answer

Exerdise 3-3 In addlition to hover pseudo-class, there are pseudo classes like focus, link and vislted. For pseudo classes and elements refer to In this

image text in transcribed
image text in transcribed
image text in transcribed
Exerdise 3-3 In addlition to hover pseudo-class, there are pseudo classes like focus, link and vislted. For pseudo classes and elements refer to 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 ules..., Just like inputthover (rule..) 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 yellow; when they are hovered, their background color will change to cyan. Last Name: First Name E-mail Address: Submit The figure shows below indicates last name text field was hovered. and box size enlarged as well. The background color changed to cyan Last Name: First Name: E-mail Address: Submit The following screen shot displayed as when last name field was focused (clicked by user). The background color changed to yellow. The box still enlarged Last Name First Name E-mail Address # Submit Clear

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions

Question

Create a Fishbone diagram with the problem being coal "mine safety

Answered: 1 week ago