In an HTML page there are two <input> elements with default values; on

1.	In an HTML page there are two <input> elements with default values; one is editable and the other one not editable. Add cyan as the background color for the input element which is not editable using CSS. [Hint: Use pseudo-class]
Answer» The easiest way to draw a circle in CSS is using border-radius property. The code below will display a circle. <!DOCTYPE html> <html> <head> <style> #rcorners { border-radius: 50%; background: #73AD21; border: 3px solid BLACK; padding: 20px; width: 200px; HEIGHT: 200px; } </style> </head> <body> <div id="rcorners"></div> </body> </html> OUTPUT: Make sure you have the same width and height and have border-radius as 50% which will display a circle as SHOWN above.

In an HTML page there are two <input> elements with default values; one is editable and the other one not editable. Add cyan as the background color for the input element which is not editable using CSS. [Hint: Use pseudo-class]

Answer»

The easiest way to draw a circle in CSS is using border-radius property. The code below will display a circle.

<!DOCTYPE html> <html> <head> <style> #rcorners { border-radius: 50%; background: #73AD21; border: 3px solid BLACK; padding: 20px; width: 200px; HEIGHT: 200px; } </style> </head> <body> <div id="rcorners"></div> </body> </html>

OUTPUT:

Make sure you have the same width and height and have border-radius as 50% which will display a circle as SHOWN above.

Discussion

No Comment Found

Related InterviewSolutions

Explain the rule set in CSS?
What is specificity?
Explain Gradients in CSS?
Mention types of selectors?
What are pseudo-elements? Explain with an example.
What are CSS combinators?
<div id="outer"> <div id="inner"></div> </div>
Write the style to display inner div in center for the below HTML code?
How to draw a triangle using CSS?
body { margin: 0; font-family: Arial; background-color: #f2f2f2; } .box { color: #fff; padding: 1em; text-align: center; background-color: #efefef; } .a { background-color: purple; } .b { background-color: violet; } .c { background-color: burlywood; } .d { background-color: gainsboro; } .layout { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 100vh; }

In an HTML page there are two &lt;input&gt; elements with default values; one is editable and the other one not editable. Add cyan as the background color for the input element which is not editable using CSS. [Hint: Use pseudo-class]

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment

In an HTML page there are two <input> elements with default values; one is editable and the other one not editable. Add cyan as the background color for the input element which is not editable using CSS. [Hint: Use pseudo-class]