Scribd Logo
Upload

Welcome to Scribd!

  • CSS

    Uploaded by

    sujithrasuji773
    1 views2 pages
    This CSS stylesheet defines styling for various HTML form elements and other page elements. It sets background colors, borders, fonts and other styles for the body, forms, inputs, paragraphs, images and labels. It also includes pseudo-classes for required, disabled, read-only, hover, focus, checked, valid and invalid states.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This CSS stylesheet defines styling for various HTML form elements and other page elements. It sets background colors, borders, fonts and other styles for the body, forms, inputs, paragraphs, images and labels. It also includes pseudo-classes for required, disabled, read-only, hover, focus, checked, valid and invalid states.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views2 pages

    CSS

    Uploaded by

    sujithrasuji773
    This CSS stylesheet defines styling for various HTML form elements and other page elements. It sets background colors, borders, fonts and other styles for the body, forms, inputs, paragraphs, images and labels. It also includes pseudo-classes for required, disabled, read-only, hover, focus, checked, valid and invalid states.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    body{

    background-color: lightgoldenrodyellow;

    front-family:Times New Roman, times,serif;

    form{

    border: 3px outset black;

    input:required{

    border: 2px groove lavender;

    input:disable{

    border: 2px dotted dimgrey;

    input:read-only{

    background color: darkgrey;

    p{

    diplay: none;

    input:hover+p{

    display: inline;

    front-family: monospace;

    background-color:indianred;

    input:focus{

    background-color:greenyellow;

    front-weight: bold;

    img{

    display: none;

    }
    input[type="email"]:focus:valid~img.valid{

    display: inline;

    width: 20px;

    height: 20px;

    input[type="email"]:focus:invalid~img.invalid{

    display: inline;

    width: 20px;

    height: 20px;

    input[type="radio"]:checked{

    width: 20px;

    height: 20px;

    input[type="radio"]:checked+label{

    color: deeppink;

    input[type="submit"]{

    border: 2px black;

    You might also like