Skip to main content
adicionou 139 caracteres ao conteúdo
Fonte Link

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>

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>

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>

Fonte Link

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>