Question

抬头：我是这个论坛的新手，英语不是我的主要语言，如果它不完全可以理解，那就很抱歉。

我正在为学校制作一个移动网站，它的进展非常顺利......

一个问题：我在我的css文件（#styled_button）中有一个东西（对不起，不知道它的名字）并且工作正常。有一个按钮我希望以不同的方式定位，所以我复制了'#styled_button'中的代码并创建了一个新的东西并添加了postion：relative;和浮动：对;但由于某种原因，我的按钮现在根本没有风格。（我确实更改了按钮上的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;
}

编辑：删除了Typo（我的原始代码中没有复制粘贴），但问题不在于表单，因为它有效...

根据'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：再次对不起我的流利英语，但对于那些没有完全理解我的按钮的人只是造型...

Answer 1

听起来你可能在html（？）中的几个元素上使用了ID。 ID每页只应使用一次 - 通常如果您有一个元素与其他元素不同。如果您在多个地方使用button_styled类型，则应将其更改为类。在你的HTML中：

<input class="button_styled" ... >

在你的CSS中：

.button_styled {
  /* your styling */
}

CSS按钮样式无法正常工作

1 个答案: