Таблица начальной загрузки

Question

при создании календаря я наткнулся на вопрос о том, как сделать так, чтобы клетки имели эффект наведения при загрузке 4.

Как выглядит календарь до сих пор

Я хочу, чтобы ячейки имели эффект наведения, подобный Перемещаемым строкам без изменения загрузочного CSS.

Есть советы?И пока я в этом: есть ли способ сделать таблицу полностью симметричной (квадратные ячейки)

РЕДАКТИРОВАТЬ:

table td:hover { background-color: rgba(0,0,0,.075); }

is не реально работает .Ячейка должна быть темно-синего цвета, а не серого.

Answer 1

Вы можете сделать это

table td:hover {
    background-color: rgba(0,0,0,.075);
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
  </tr>
</thead>
<tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
  </tr>
  <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
  </tr>
  <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
  </tr>
</tbody>
</table>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>