Firefox предлагает режим адаптивного дизайна, позволяющий просматривать веб-страницы, как если бы они отображались на меньшем экране, например на мобильном телефоне.
Я создаю веб-приложение и хочу применять стили на кнопку, которая в настоящее время нажата пальцем, так что пользователь знает, что они нажимают кнопку.
Хотя я разрабатываю на настольном компьютере (Windows) и использую Firefox Режим адаптивного дизайна, и когда я нажимаю кнопку с помощью мыши, псевдокласс :active не применяется, поэтому я не уверен, как проверить мои стили.
Это ожидаемое и есть что-то, что я должен использовать вместо этого?
Я использую React, поэтому я попытался обойти это, используя состояние var isActive и использовать события onMouseDown и onMouseUp для его поддержки. , как таковой:
const onMouseDown = () => this.setState({ isActive: true });
const onMouseUp = () => this.setState({ isActive: false });
Это также не работает правильно, только в режиме адаптивного проектирования. Интересно, что щелчок правой кнопкой мыши применяет мои стили, а щелчок левой кнопкой мыши - нет (и это важно).