.tab {
  border: 3px solid #ccc;
  background: #fff;
  padding: 7px;
  color: #000;
}
.tab:hover {
  border-color: #222;
  background: #555;
  color: #fff;
}

<div class="tab">Мой текст</div>

.tex:hover {border: 1px solid red;}