CSS Button

Hoi,

Ik ben dus bezig met m'n nieuwe website en zit met een probleempje.

Ik heb een button gemaakt en in de css staat dit.

input.button {
    background:#ffffff;
    border:1px solid #44b9e0;
    font-size: 10px;
    font-family: "Verdana";
}

input.button a:hover {
    background:#ffffff;
    border:1px solid #96dc29;
    font-size: 10px;
    font-family: "Verdana";
}

Nu als ik naar een inputveld ga komt er een zwart randje rond m'n button en dat wil ik niet. ook als ik op de button klik komt er een zwart randje en dat wil ik niet.

Wat ik wil is dat als ik op button click dat de border groen word. wat zo al in de css staat maar dat lukt niet.

Kan iemand mij helpen ?

Misschien ook code erbij zetten voor als je er op klikt?

is toch gewoon simpel form

<form id="form1" name="form1" method="post" action="">
     <input class="input" type="text" name="textfield" />
   
      <br />
      <br />
  <input class="button" name="submit" type="submit" value=" Verzend " />
   </form>