How to make custom login button work

Tags: javascript,jquery,html,css,jsp

Problem :

I am trying to have a custom login button function has a button, but when I try, I have another button overlapping the desired login button. Here is what it looks like.

enter image description here

Here is the HTML.

<div class="login_btn">
    <input type="submit" name="submit">

The button that says submit actually works, so the functionality is not the problem. I just was the button that says Login to work and make the Submit button disappear.

How do I make that happen? I do not know HTML so if more code is needed, please ask and I will supply it.

EDIT: The code

<input class="login_btn" type="submit" name="submit" value="Login">

creates this

enter image description here

Here is my CSS

.container .login_component .login_wrap .login_wp .login_btn {
    height: 55px;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-position: center center;

Solution :

Apply your class to the input button.

<input class="login_btn" type="submit" name="submit" value="Login">

    CSS Howto..

    How to place a css counter-increment below a paragraph of text?

    How to set background color to the column using CSS?

    How to center navigation that has icons so text is aligned to icons?

    How to do simple client-side form validation using JavaScript/jQuery?

    How to extract icon from picture and display it in page? (by javascript or jquery or css)

    HTML/CSS: How do I make right floats go to the top instead of floating at the position where they were when they were inline?

    How to set css attribute for pseudo element in Dart

    What CSS properties govern how a webpage reacts to window resizing?

    How can align css colums vertcally to the bottom?

    How to toggle class using jquery if else statement?

    I want to add same function for two css class. How can I do it?

    simple text input box “autosuggest” script - how to overlap with css

    How do I select the TD of the TH to which it references with only CSS?

    How to display a div over other containts of an html page?

    How can I place an element at the top of a page using CSS?

    How to slide down to show content of DIV using CSS/jQuery?

    CSS: how to make the font icon and text under it closer?

    How can I remove frame like background in twentysixteen theme

    How to center images in div

    How can I adjust my thumbnail which exceeds its designated area?

    How to manipulate the CSS at runtime

    How to set up navigation with fading (sprite) background image

    How do I check for a css value using jQuery?

    How to apply css logic [duplicate]

    How to put the menu over the content?

    How to make textfield stick to its label in extjs?

    How to properly apply WinJS.Binding.Template ListView GridLayout CSS?

    How to do the right positioning of css elements?

    How can I get a button on the side of a text box to be perfectly aligned all the time?

    How to vertically align in the middle a clickable image (between ) inside a div in a responsive manner?

    Use like this <div class="accounts"> <a href="LinkA" target="_blank"><img src="Vendors/Images/GithubLogo.png" alt="Github"></a> </div> <div class="accounts"> <a href="LinkB" target="_blank"><img src="Vendors/Images/SOLogo.png" alt="Stack Overflow"></a> </div> ...
    Read more