Как сделать пользовательскую кнопку входа в систему

Question

Я пытаюсь, чтобы пользовательская функция входа в систему имела кнопку, но когда я пытаюсь, у меня есть другая кнопка, перекрывающая желаемую кнопку входа. Вот как это выглядит.

Вот HTML.

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

Кнопка, которая говорит, что подача фактически работает, поэтому функциональность не является проблемой. Я только что нажал кнопку, которая говорит «Вход в систему», и кнопка «Отправить» исчезнет.

Как это сделать? Я не знаю HTML, поэтому, если требуется больше кода, спросите, и я его поставлю.

EDIT: Код

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

создает этот

Вот мой CSS

.container .login_component .login_wrap .login_wp .login_btn { 
    height: 55px; 
    margin-top: 30px; 
    background: 
     url("http://xiilab.mynetgear.com:81/c.hwang/rems/images/login/login_btn.png"); 
    background-repeat: no-repeat; 
    background-position: center center; 
} 

Answer 1

Применить свой класс на кнопку ввода.

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

Answer 2

Попробуйте использовать класс с входом

<input type="submit" value="" name="commit" id="login_submit" class="login_button"/> 

CSS:

.login_button{background:url(http://xiilab.mynetgear.com:81/c.hwang/rems/images/login/login_btn.png) no-repeat; width:298px; height:52px;