1

そのため、送信ボタンの幅を他の入力フィールドとは異なるものにしたいのです。これを実行しようとしていますが、送信ボタンの幅は同じです。助けてください！これが私のCSSです：

     #logon {
        position: absolute;
        margin-left: 60%;
        top: 10px;

    }
    #logon input { 
        display: inline;
     border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 150px;
padding: 6px 15px 6px 35px;

text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;

    }
        #logon input.button { 
        display: inline;
     border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 50px;
padding: 6px 15px 6px 35px;

text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;

    }

そして私のHTML：

     <div id="logon"><form action="login_r.php" method="POST"> <input name="myusername" type="text" size="40" placeholder="Username..." /> <input name="mypassword" type="password" size="40" placeholder="Password..." /><input type="button" value="Log In"></form></div>
4

2 に答える 2

6

正しい属性セレクターは次のとおりです。

#logon input[type='button']

ただし、フォームを送信する場合は、フォームを送信する必要があります。<input type="submit" />その場合は、

#logon input[type='submit']
于 2013-01-13T23:18:35.277 に答える
1

.buttonセレクターはクラス「ボタン」用です。要素にクラスがありませ<input>ん。あなたはこれを試すことができます：

input[type=button] { whatever }

個人的には、コンテンツ（小さなアイコンなど）の点ではるかに柔軟であるため、私は<button type=submit>より良いのが好きです。<input type=submit>

于 2013-01-13T23:18:06.627 に答える