Передовые методы описания CSS [закрыто]

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы.

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

Закрыт 12 месяцев назад .

Были некоторые разногласия относительно практики выполнения следующих действий:

a, input, textarea, button {
    outline: none;
}

Проблемы доступности - общая проблема.

Я не собираюсь полностью удалять эту функцию (как это делается в приведенном выше коде); однако эта функция сильно мешает моему первоначальному дизайну, добавляя непреднамеренные границы (эээ, контуры?) в нежелательных областях.

Основная проблема заключается в том, что эти контуры фактически повторяют прямоугольную область вокруг элемента, а не его контур (т.е. игнорируется радиус границы и т. Д.).

Пример:

 div {margin: 64px; } input {размер шрифта: 20 пикселей; радиус границы: 16 пикселей; граница: 2px сплошная #CCC; отступ: 2px 12px; } кнопка {размер шрифта: 20 пикселей; радиус границы: 32 пикселя; преобразование текста: прописные буквы; цвет: #FFF; граница: 2px сплошная #CCC; фон: #CCC; отступ: 6px 3px; курсор: указатель; }

Единственное известное мне решение - это запустить приведенный выше код и использовать мою собственную систему.

Каковы лучшие практики при использовании этого подхода?

задан gfullam 4 January 2019 в 13:10

0 ответов

Другие вопросы по тегам:

css accessibility usability outline

Передовые методы описания CSS [закрыто]

0 ответов

Похожие вопросы: