Реакция и кнопка с ветром скрыта из -за глобального сгенерированного CSS ⇐ Html

[Anonymous]

Я пытаюсь отобрать пользовательский компонент синей кнопки на экране в React. Тем не менее, следующий автоматический сгенерированный класс Taillide из моего файла out.css заставляет все кнопки иметь прозрачный фон. Как я могу отключить эту глобальную логику только для кнопок? Если я изменю этот файл, он перезаписан в следующей компиляции, потому что я запускаю следующую команду при запуске моего приложения: < /p>

Код: Выделить всё

tailwindcss -i ../main.css -o ../out.css --watch

out.css:

Код: Выделить всё

/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/

...

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}

...

Здесь осматривает инструменты разработки:
< /p>
Редакты: < /p>

• Я использую Tailwind 3.2.4
• Я уже применяю пользовательский класс Tailwind на все мои синие кнопки (это общий компонент)

Подробнее здесь: https://stackoverflow.com/questions/794 ... erated-css