: активный псевдокласс не работает в мобильном сафари - PullRequest
Новая
       57

: активный псевдокласс не работает в мобильном сафари

95 голосов
/ 07 октября 2010

В Webkit на iPhone / iPad / iPod указание стиля для псевдокласса: active для тега <a> не срабатывает при нажатии на элемент.Как я могу заставить это вызвать?Пример кода: 

<style> 
a:active { 
    background-color: red;
}
</style>
<!-- snip -->
<a href="#">Click me</a>

Ответы [ 12 ]

0 голосов
/ 28 октября 2016

Нет 100% связанных с этим вопросом, но вы можете использовать css sacking hack для достижения этой цели

HTML 

<input tabindex="0" type="checkbox" id="145"/>
<label for="145"> info</label>
<span> sea</span>

SCSS 

input {
    &:checked + label {
      background-color: red;
    }
  }

Если вы хотите использовать всплывающую подсказку в формате html / css 

span {
  display: none;
}
input {
    &:checked ~ span {
      display: block;
    }
  }
0 голосов
/ 27 ноября 2012 
<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="utf-8">

<title></title>

<style>
        a{color: red;}
        a:hover{color: blue;}
</style>
</head>

<body>

        <div class="main" role="main">
                <a href="#">Hover</a>
        </div>

</body>
</html>
Страница:
...