How to set the size of the input type submit button on a form with CSS

3 Answers

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            input[type=submit] {
                width: 10em;  
                height: 2em;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <form>
            <input type="submit" name="submit" value="signup" />
        </form>
    </body>
</html>

70+ SQL courses for beginners and professionals

answered Jan 2, 2016 by avibootz

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            #signup {
                width: 10em;  
                height: 2em;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <form>
            <input id="signup"  type="submit" name="submit" value="signup" />
        </form>
    </body>
</html>

70+ SQL courses for beginners and professionals

answered Jan 2, 2016 by avibootz

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            input.signup  {
                width: 10em;  
                height: 2em;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <form>
            <input class="signup"  type="submit" name="submit" value="signup" />
        </form>
    </body>
</html>

70+ SQL courses for beginners and professionals

answered Jan 2, 2016 by avibootz

Most popular tags

How to set the size of the input type submit button on a form with CSS

3 Answers

Related questions