使 Submit 和 Reset 具有与输入标签边框不同的边框

Question

Please how can i make the submit button and reset button have a different border apart from the input tags

     HTML
     <input typ="image" name="submit"     value=" " scr="image.png">

      <input type="image" name="reset"      value=" " scr="reset.png" >

   CSS
   input, textarea, select {
   border: 2px solid red;
   }

I have tried to add another selector with the name submit and reset but both of them still get the values from the input tags border.

Answer 1

input[type=image] or give them a class name or give them an id , name is not used for css

Answer 2

Write:

id="submit"

In the input tag of the submit button, and then in the CSS, type:

#submit
{
    border: 1px solid black;     /* as an example */
}