Submit button not accepting css styling

Question

I have a submit button in a form that isn't taking on all the style I have set for it. I want the submit button to look the same as a "next section button I have, but it looks different

Here's some relevant HTML:

<form>
    <a href="#step2" class="btn">Next Section >></a><br/>
    <input type="submit" name="submit" value="Submit Application" id="submit" />
</form>

And here's the CSS:

.btn, #submit {
    margin-top: 20px;
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    display: inline-block;
    color: #fff;
    font-family: 'Oswald';
    font-size: 20px;
    padding: 12px 24px;
    text-decoration: none;
    cursor: poiner;
    float: right;
}
.btn:hover, #submit:hover {
    cursor: pointer;
    box-shadow: 0px 0px 1px #777;
}

And here's a JS Fiddle which shows the output differences: JS Fiddle

Looks the same to me (Chromium 24/Ubuntu 12.10), except for the width (which isn't defined in your CSS). — David Thomas
– David Thomas, Commented Feb 19, 2013 at 1:51

Samuel Liew · Accepted Answer · 2013-02-19 01:54:49Z

5

Use this CSS on the submit button.

#submit {
    border: none;
}

answered Feb 19, 2013 at 1:54

Samuel Liew

79.5k112 gold badges173 silver badges318 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Submit button not accepting css styling

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related