Question

我正在使用以下方法添加一个链接到另一个页面的按钮：

<TD>
    <FORM METHOD="LINK" ACTION="page2.html">
        <INPUT TYPE="submit" VALUE="to Page 2">
    </FORM>
</TD>

我知道我们可以在CSS中使用button{...}更改按钮的外观，但如果按钮位于上面的表单标记中，我们如何格式化它？谢谢你的帮助。

Answer 1

Css将是：input[type=submit] {background-color: #999;}

input[type=submit]是选择器。

您可以为此风格添加任何规则

Answer 2

使用选择器的Css样式元素。选择器可以是很多东西，比如类，元素属性或名称。这些选择器中的大多数都不关心您的按钮是否处于表单中。

<TD>
    <FORM METHOD="LINK" ACTION="page2.html">
         <INPUT TYPE="submit" class="button" VALUE="to Page 2">
    </FORM>
</TD>

在这个例子中，我为你的按钮添加了一个类。

.button {
    border: 1px solid black;
}

然后这个css规则将它连接到具有按钮类的所有元素。这是一个很好的基础入门，解释了css的工作原理：

Answer 3

表单没有method="link"，您不需要表单转到其他页面。

使用a：

<a href="page2.html">to Page 2</a>

或者如果你想要一个按钮：

<button onclick="javascript:window.location.href='page2.html';">to Page 2</button>

并给它id <button id="btn" ...，然后你可以给它任何你想要的风格：

<style type="text/css">
    #btn {
        background-color: green;
        color: white;
        font-weight: bold;
        /* etc */
    }
</style>