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

123*_*345 1 html css

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

代替:

<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>
Run Code Online (Sandbox Code Playgroud)

我想要的东西:

<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>
Run Code Online (Sandbox Code Playgroud)

And*_*yva 5

一种方法是使用css选择器

form input[type=button]
{
    border-color: red;
}
Run Code Online (Sandbox Code Playgroud)

您也可以使用ID:

#myForm input[type=button]
{
    border-color: red;
}
Run Code Online (Sandbox Code Playgroud)