Bagaimana untuk mengalih keluar "sempadan" kelabu pada butang HTML

Question

Saya melihat sempadan di sekeliling butang pada halaman HTML. Saya cuba membuat satu butang biru dan satu hijau dan meletakkannya di atas meja. Kodnya adalah seperti berikut:

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

Beginilah ia muncul di halaman web:

Saya mahu keseluruhan butang berwarna itu tanpa kelabu di sekelilingnya. Saya mengalih keluar "sempadan" dengan sempadan: tiada dalam gaya. Sebaliknya, ia memaparkan segi empat tepat warna di dalam butang kelabu yang lebih besar.

Answer 1

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

Tetapkan gaya butang dan alih keluar sempadan lalai

Bacaan berkaitan: https://css-tricks.com/overriding-default-button style/

  

    
 Select your Region 
  
  

  
  

  
  

  
  

  
  

    

      
            
            US
            
            
    
  
  

  
  

  
  

  
  

  
  

    

      
            
            EU