Comment supprimer la "bordure" grise sur les boutons HTML

Question

Je vois une bordure autour du bouton sur la page HTML. J'essaie de créer un bouton bleu et un vert et de les placer sur une table. Le code est le suivant :

<table align="center">
  <tr style=" font-family: verdana; font-size: 24px;">
    <th> Select your Region </th>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
    <td align="center">
      <button>
            <a id="cust" type="button" 
            style=
            "background-color: #00824A;
              border: none;
              color: white;
              padding: 16px 55px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 16px;
              margin: 4px 2px;
              transition-duration: 0.4s;
              cursor: pointer;
              font-weight: bold;
              font-family: verdana"
            href="URL">
            US
            </a>
            </button>
    </td>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
  <tr>
    <td align="center">
      <button>
            <a id="cust" type="button" 
            style=
            "background-color: #0061D5;
              border: none;
              color: white;
              padding: 16px 55px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 16px;
              margin: 4px 2px;
              transition-duration: 0.4s;
              cursor: pointer;
              font-weight: bold;
              font-family: verdana" 
            href="URL">
            EU
            </a>
            </button>
    </td>
  </tr>
</table>

Voici comment ils apparaissent sur la page web :

Je veux que tout le bouton soit de cette couleur, sans gris autour. J'ai supprimé la "border" avec border: none dans le style. Au lieu de cela, il affiche un rectangle de couleur à l’intérieur d’un bouton gris plus grand.

Answer 1

Border est button 元素本身，而不是其中的链接 。您需要使用

Définir le style du bouton et supprimer la bordure par défaut

Lecture connexe : https://css-tricks.com/overriding-default-button style/

  

    
 Select your Region 
  
  

  
  

  
  

  
  

  
  

    

      
            
            US
            
            
    
  
  

  
  

  
  

  
  

  
  

    

      
            
            EU