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