Você pode fazer isso com HTML e CSS utilizando o elemento before E então utilizar uma classe como "-active" para mostrar ou esconder o mesmo
table td {
padding: 2em;
background-color: #ff0;
position: relative;
overflow: hidden
}
table td:before {
content: "";
position: absolute;
width: 60px;
height: 60px;
background-color: red;
right: -30px;
bottom: -30px;
transform: rotate(45deg)
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<table>
<tr>
<td class="marcado">
<input type="number"/>
</td>
</tr>
</table>