html - 如何在只有一个属性的表单中更改多个按钮的边框颜色？

Question

我想知道如何在只有一个属性的表单中更改多个按钮的边框颜色，我的意思是这样的：

代替：

<form name="form">
    <input type="button" name="button1" value="1" style="border-color: red">
    <input type="button" name="button2" value="2" style="border-color: red">
    <input type="button" name="button3" value="3" style="border-color: red">
</form>

我想要类似的东西：

<form name="form" style="border-color: red">
    <input type="button" name="button1" value="1">
    <input type="button" name="button2" value="2">
    <input type="button" name="button3" value="3">
</form>

Answer 1

一种方法是使用 CSS 选择器

form input[type=button]
{
    border-color: red;
}

您也可以使用 ID：

#myForm input[type=button]
{
    border-color: red;
}

Answer 2

HTML：

<form class=red> ...

CSS：

form.red input[type=button] {
   border-color:red;
}