1

注意：我是这个论坛的新手，英语不是我的主要语言，如果不能完全理解，非常抱歉。

我正在为学校制作一个移动网站，而且进展顺利......

一个问题：我的css文件（#styled_button）中有一个东西（对不起，不知道它的名字）并且工作正常。有一个按钮我想以不同的方式定位，所以我从“#styled_button”复制了代码并创建了一个新的东西并添加了位置：相对；和浮动：对；但由于某种原因，我的按钮现在根本没有样式。（我确实更改了按钮上的 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 每页只应使用一次——通常是在您有一个与其他所有元素不同的元素时。如果您button_styled在多个地方使用该类型，则应将其更改为class。在您的 html 中：

<input class="button_styled" ... >

在你的 CSS 中：

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