Aqui tem um exemplo, é 100% com CSS e tudo feito com `background`, repare que mesmo se um input for maior o canto não deforma. E vc pode controlar facilmente o tamanho da marca pelo `background-size`

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

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

    .marcado {
      padding: 2em;
      background-image: 
      linear-gradient(135deg, transparent 0%, transparent 50%, red 50%, red 55%, transparent 55%, transparent 60%, red 60%), 
      linear-gradient(yellow, yellow);
        /*controla o tamanho do chanfro vermelho aqui*/
      background-size: 40px 40px, 100% 100%;
      background-position: right bottom;
      background-repeat: no-repeat;
    }

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


    <table>
      <tr>
        <td class="marcado">
          <input type="number"/>
        </td>
      </tr>
    </table>

    <table>
      <tr>
        <td class="marcado">
          <input type="number" style="width: 400px;" />
        </td>
      </tr>
    </table>

<!-- end snippet -->