Утилиты для подавления стилей элементов управления нативными формами.
Используйте appearance-none, чтобы сбросить стиль элемента, специфичный для браузера. Эта утилита часто используется при создании компонентов пользовательских форм.
<select>
<option>Да</option>
<option>Нет</option>
<option>Возможно</option>
</select>
<select class="appearance-none">
<option>Да</option>
<option>Нет</option>
<option>Возможно</option>
</select>По умолчанию, только responsive варианты создаются для утилит appearance.
Вы можете контролировать, какие варианты создаются для утилит appearance для изменения свойства appearance в разделе variants Вашего файла конфигурации tailwind.config.js.
Например, эта конфигурация также будет генерировать варианты hover и focus:
// tailwind.config.js
module.exports = {
variants: {
extend: {
// ...
+ appearance: ['hover', 'focus'],
}
}
}Если Вы не планируете использовать в своем проекте утилиты для изменения appearance, Вы можете полностью отключить их, установив для appearance свойство значение false в разделе corePlugins Вашего файла конфигурации:
// tailwind.config.js
module.exports = {
corePlugins: {
// ...
+ appearance: false,
}
}