php - 如何将 CSS 应用于提交按钮

Question

所以我现在将这些 CSS 属性应用于登录这个词

 <div class="login_btn">Login</div><!-- The login button-->

这是CSS

            .login_btn, .submit_btn{
            clear: both;
            width: 80px;
            text-align:center;
            background: #4C7FEB;
            color: #fff;
            text-transform: uppercase;
            border: 1px solid #4C7FEB;
            padding: 16px 40px;
            margin: 0 auto;
            -webkit-transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
            -moz-transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
            -o-transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
            transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
            box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        }
        .login_btn:hover{
            background: #285AC5;
            box-shadow: none;
        }

我真的很难把这段代码应用到提交按钮上。

<input  id="login_btn" name="" value="" type="submit" />

Answer 1

你忘了像这样把类放在输入元素中:

<input class="login_btn" id="login_btn" name="" value="" type="submit" />