• GoDaddy Community
  • Websites + Marketing | Website Builders
  • Websites + Marketing | Website Builders

    cancel
    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 
    Go to solution
    Highlighted

    Make a form button stand out More

    I have a submit Button that sends a customers info. to me for an order. www.rcrmetalfab.com, select (Buy on RCR) to open form

    The background is gray and the button is gray. I would like the button to stand out more.

    Thanks in advance

    1 ACCEPTED SOLUTION

    Accepted Solutions
    Highlighted
    Solution

    Re: Make a form button stand out More

    Try a variation of this css style.

    You can play around with the options to see what grabs your attention.

    Bob

    -----------------------------

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .fancysubmitbutton {
    background-color: #FF0000;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    }
    </style>
    </head>
    <body>

    <h2>Fancy Submit Button</h2>

    <input type="submit" class="fancysubmitbutton" value="Submit">
    </body>
    </html>

    View solution in original post

    3 REPLIES 3
    Highlighted
    Solution

    Re: Make a form button stand out More

    Try a variation of this css style.

    You can play around with the options to see what grabs your attention.

    Bob

    -----------------------------

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .fancysubmitbutton {
    background-color: #FF0000;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    }
    </style>
    </head>
    <body>

    <h2>Fancy Submit Button</h2>

    <input type="submit" class="fancysubmitbutton" value="Submit">
    </body>
    </html>

    View solution in original post

    Highlighted

    Re: Make a form button stand out More

    Where do I find css Styles ?

    Highlighted

    Re: Make a form button stand out More

    the example shows how you can include them in your html file.  You can also reference them as standalone files that you can 'include'.

    check out:

    http://www.w3schools.com/css/css_howto.asp

     

    bob