1

注意: 私はこのフォーラムに参加したばかりで、英語は私の主要言語ではないため、完全に理解できない場合は申し訳ありません。

私は学校用のモバイル Web サイトを作成していますが、かなり順調に進んでいます...

1 つの問題: css ファイル (#styled_button) に何か (申し訳ありませんが、その名前はわかりません) があり、正常に動作します。別の位置に配置したいボタンが 1 つあるので、「#styled_button」からコードをコピーし、新しいものを作成して、postion:relative; を追加しました。そしてfloat:right; しかし、何らかの理由で、ボタンのスタイルがまったく設定されません。（ボタンのIDを変更しました）。

編集: ボタン ID を button_styled に戻すと、スタイルが設定されます。

コードを変更しなくても #logout_button は #button_styled と同じなので何も起こりません。

私のボタン：

<form action='m.member.php' method='POST'>
    <input type='submit' name='logout_button' value='Logout' id="button_styled">
</form>

CSS:

#button_styled {
    color:white;
    background:#666;
    font: bold 45px Harabara;
    padding: 20px;
    text-decoration: none;
    vertical-align: middle;
}

編集：タイプミスは削除されました（元のコードからコピーして貼り付けたものではありません）が、フォームが機能するため問題はありません...

「brbcode」のリクエストによると、使用している他のボタンのコードは次のとおりです。

<form action='m.loginscreen.php' method='POST'>
    <p>Username:</p>
    <input type='text' name='username' id="styled">
    <p>Password:</p>
    <input type='password' name='password' id="styled"><br>
    <ul>
        <li><input type='submit' name="loginbutton" value='Log In'            class="button_styled"></li>
        <li><input type='submit' name="registerbutton" value='Register' class="button_styled"></li>
    </ul>
</form>

PS: 私の流暢な英語で申し訳ありませんが、私のボタンの機能を完全に理解していない人のために、スタイリングだけで...

4

1 に答える 1

2

html(?) のいくつかの要素で ID を使用しているようです。ID はページごとに 1 回だけ使用する必要があります。通常、1 つの要素が他の要素とは異なる場合に使用します。複数の場所でタイプを使用している場合は、クラスbutton_styledに変更する必要があります。あなたのhtmlで：

<input class="button_styled" ... >

そしてあなたのCSSで：

.button_styled {
  /* your styling */
}
于 2013-04-01T16:43:53.447 に答える