.visually-hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding:0 !important;
border:0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
-webkit-tap-highlight-color: transparent; /* отключает подсветку при клике */
-webkit-appearance: none; /* изменяет внешний вид кнопок и других элементов управления, чтобы походить на стандартные средства управления */
Это свойство определяет может ли мышь взаимодействовать с элементом.
По умолчанию стоит значение auto.
Значение none предотвращает события: hover, active, click и прочие. При чём не только в css но и в js.
Не работает в старых IE, доступно только начиная с IE11.
Зачем?
1. Чтобы элемент не реагировал на наведение мыши, если в css прописаны стили для :hover и прочих.
2. Чтобы отключить правую кнопку мыши.
3. Для ускорения скроллинга, т. к. без hover перерисовок станет меньше.