как изменить цвет границы из-за текущей страницы в CSS

Question

Мне нужно сделать границу красной, когда она находится на текущей странице, надеюсь, она станет понятной, когда клик на границе телефона должен быть красным все время на той же странице, а когда щелчок для границы электронной почты должен быть красным, и телефон вернется обратно черным цветом.

.EPbutton{
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  color:black;
  border-bottom: 2px solid black;
  width: 130px;
  height: 20px;
  margin-top: 12px;
  margin-bottom: 5px;
}

Answer 1

Создайте новый класс в CSS

.active {
border: red solid 2px;
}

И добавьте этот класс к тому, что вам нужно, с рамкой на каждой странице.

Answer 2

Поскольку вы используете PHP, вы можете использовать суперглобальный $_SERVER для извлечения пути и помещения условного выражения в тег, передавая ему класс, когда он активен ... Например,

<button class="EPButton <?= $_SERVER['REQUEST_URI'] === '/home' ? 'active' : '' ?>">
    Test button
</button

А в CSS вы можете сделать следующее:

.EPButton.active {
    border-color: red;
}