css Скрытиеэлемента,оставляядоступдляскрин-ридера

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css Скрытиеэлемента,оставляядоступдляскрин-ридера相关的知识,希望对你有一定的参考价值。

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/**
______________________________________________________________________
Либо можно использовать свойство appearance, но оно не работает в IE
______________________________________________________________________
*/
.visuallyhidden {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

以上是关于css Скрытиеэлемента,оставляядоступдляскрин-ридера的主要内容,如果未能解决你的问题,请参考以下文章

scss Правильноразделяемзапятымиэлементысписков

css символыCRиLFкоторыепредставляютсобойразрывстроки - этообычныеunicode-символы,которыемогутбытьвст

css символыCRиLFкоторыепредставляютсобойразрывстроки - этообычныеunicode-символы,которыемогутбытьвст

css Адаптивныйслайдерс淡入эффектомнаjs

css Медиа-запросыдлястандартныхразмеровэкрана

css Медиа-запросыдлястандартныхразмеровэкрана