Si bien, las siguientes líneas la copié de tu pregunta, funciona hasta cierto punto:


<!-- begin snippet: js hide: true console: true babel: false -->

<!-- language: lang-html -->

    <style>
      td {
        padding: 0;
      }
      
      input {
        width: 100%;
        height: 100%;
      }
    </style>

    <table>
      <thead>
        <tr>
          <th>Campo</th>
          <th>Campo</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><input></td>
          <td><input></td>
      </tbody>
    </table>

<!-- end snippet -->

Solo que le falta un detalle, la propiedad [**`box-sizing`**][1]:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    table {
      width: 100%;
    }

    td {
      padding: 0;
    }

    input {
      width: 100%;
      height: 100%;
      
      /* El detalle que faltaba que funcione */
      box-sizing: border-box;
    }

<!-- language: lang-html -->

    <table>
      <thead>
        <tr>
          <th>Campo</th>
          <th>Campo</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><input></td>
          <td><input></td>
      </tbody>
    </table>

<!-- end snippet -->


Sin esa propiedad, cualquier **borde** o relleno hará que tenga un tamaño total de más del `100%`.

[1]:https://developer.mozilla.org/es/docs/Web/CSS/box-sizing "box-sizing | MDN Web Docs"