html - 属性が 1 つしかないフォームで、複数のボタンの境界線の色を変更するにはどうすればよいですか?

Question

属性が1つしかないフォームで複数のボタンの境界線の色をどのように変更できるのだろうか。つまり、次のようになります。

それ以外の：

<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

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;
}