Scribd Logo
Upload

Welcome to Scribd!

  • Icono Del Botón de Enviar Formulario

    Uploaded by

    christopher ramirez
    6 views1 page
    This CSS code snippet makes three changes to a form's button styling. It 1) adds an icon to form buttons by inserting an SVG image. It 2) removes the bottom margin from form fields. And 3) handles responsive styling, removing the bottom margin on buttons on desktop but adding a bottom margin to form fields on mobile.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This CSS code snippet makes three changes to a form's button styling. It 1) adds an icon to form buttons by inserting an SVG image. It 2) removes the bottom margin from form fields. And 3) handles responsive styling, removing the bottom margin on buttons on desktop but adding a bottom margin to form fields on mobile.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views1 page

    Icono Del Botón de Enviar Formulario

    Uploaded by

    christopher ramirez
    This CSS code snippet makes three changes to a form's button styling. It 1) adds an icon to form buttons by inserting an SVG image. It 2) removes the bottom margin from form fields. And 3) handles responsive styling, removing the bottom margin on buttons on desktop but adding a bottom margin to form fields on mobile.

    Copyright:

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

    /*Botón icono*/

    selector .fluentform .ff-el-group .ff-btn:after {


    content: url(/wp-content/uploads/2023/09/Vector.svg);
    position: absolute;
    right: 20%;
    bottom: 15%;
    height: 35px;
    padding: 4px 10px 0px 10px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0B5B90;
    }
    /*Correción de margin bottom*/
    selector .fluentform .ff-el-group {
    margin-bottom: 0px;
    }

    @media (min-width: 768px) {


    /*Correción de margin bottom*/
    selector .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
    margin: 0;
    }
    selector .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
    margin-bottom: 0px;
    }
    }

    @media (max-width: 767px) {


    /*Correción de margin bottom*/
    selector .fluentform .ff-el-group {
    margin-bottom: 20px;
    }
    }

    You might also like