Почему кнопка по умолчанию переопределяет контур на событии фокуса? Как сделать Internet Explorer постоянным браузером по умолчанию.

Ru После мутации вы сможете приказывать зомби следовать за вами или остановиться (В игре: нажмите кнопку " Использовать ", по умолчанию - E, наведя прицел на любого зомби, чтобы заставить его следовать за вами или остановиться).

Common crawl

en It" s our wedding day, Steven

Ru Сделать принтером по умолчанию При нажатии на эту кнопку выбранный принтер становится принтером по умолчанию . Примечание: эта кнопка доступна, если отключен параметр Параметры системы--> Основные--> " По умолчанию использовать последний использовавшийся принтер "

KDE40.1

en I got new legs

Ru Нажмите эту кнопку , чтобы KDM использовал для выбранного пользователя изображение по умолчанию

KDE40.1

en They can" t survive if they only think of themselves

Ru По умолчанию для каждой страницы & konqueror; открывает свое окно, но можно использовать несколько вкладок в одном окне. Также по умолчанию & konqueror; открывает любую ссылку в новом окне при нажатии средней кнопки мыши. Если вы установили флажок Открывать ссылки в новой кладке, а не в новом окне, при щелчке средней кнопкой мыши ссылка будет открыта в новой вкладке

KDE40.1

en Give it.Share it

Ru Интерфейс пользователя подобен MS Outlook и поддерживает различные представления данных контакта. Кроме того, доступен поиск по мере набора по всем полям и кнопки быстрого доступа к записям по первым буквам имени контакта. Так как основная библиотека kabc для хранения данных по умолчанию использует формат vCard (определённый в RFC #), & kaddressbook; в интерфейсе пользователя в основном показывает поддерживаемые стандартом поля

KDE40.1

en Incubation of soil samples

Ru Нажмите на кнопку Выбрать, и появится новое окно диалога. Здесь вы можете задать шрифт, используемый по умолчанию . & kword; будет использовать его перед любым дополнительным форматированием документа. Выбор меню Форматирование Форматирование по умолчанию вернёт документ в состояние, когда текст отображён именно этим шрифтом

KDE40.1

en To get rich, son

Ru С помощью вкладки Шаблоны сообщений вы можете установить строки, которые будут автоматически добавляться в ответах на сообщения, пересылаемых сообщениях, а также символ, который будет вставляться перед каждой строкой цитируемого текста. Существуют особые символы, которые начинаются со знака & percnt;, с помощью которых можно вставлять определённые значения, их список находится в верхней части вкладки Шаблоны сообщений. С помощью кнопки Добавить..., вы можете добавить фразы на языке, отличном от используемого в & kde; по умолчанию . Затем вы можете выбрать языки из выпадающего списка Выбрать язык. Вы можете выбирать только из языков, для которых установлены пакеты i#n

Ru Используйте кнопку Шрифт и цвет... для выбора шрифта для сообщения, либо цвета текста или фона для него. В диалоге Выбор шрифта и цвета напоминания установите параметр Использовать шрифт по умолчанию для отображения сообщения шрифтом настроенным по умолчанию (шрифт по умолчанию может быть установлен в Диалоге параметров). Для выбора другого шрифта, отмените выбор Использовать шрифт по умолчанию

KDE40.1

en Well, I can" t believe you had this entire time

Ru Для каждой раскладки клавиатуры можно указать другой шрифт. Если шрифт по умолчанию для раскладки клавиатуры отображается неправильно или вам не нравится, нажмите эту кнопку . Шрифт, который вы укажите, будет использован для показа символов на клавишах клавиатуры

KDE40.1

en The results for the three samples obtained from the analysis of the product are used to check the rate and the homogeneity of tracer incorporation and the lowest of these results is compared with the following limits

Ru По умолчанию в & kde; используется это значение. Пиктограммы открываются одним щелчком. Выделить элементы можно обведя их рамочкой или одновременным нажатием Ctrl; Правая кнопка , либо просто нажать правую кнопку и перемещать мышь чтобы переместить пиктограмму. Кроме того можно включить автоматический выбор используя флажок Автоматически выбирать пиктограммы, описанный ниже

KDE40.1

en pounds and falling

Ru Панель быстрого доступа (нажмите F# или используйте меню значка с гаечным ключом, чтобы открыть её) содержит настраиваемые ярлыки часто открываемых каталогов жёсткого диска и адресов Internet. Несколько ярлыков (например, ваш домашний каталог) добавлены в неё по умолчанию . Щёлкните правой кнопкой мыши на ярлыке, чтобы настроить его, или на пустом месте панели, чтобы добавить новый ярлык. Контекстное меню содержит пункты изменения размера значков, добавления, удаления и переименования ярлыков панели. Выберите Добавить запись и укажите в открывшемся окне описание, адрес ресурса (можно также воспользоваться окном выбора файла, которое открывается при нажатии на значок папки) и выберите значок, который будет отображаться в панели (по умолчанию кнопку Сохранить настройки цветов.... Вам будет предложено ввести имя новой схемы, затем она будет появляться в списке при всех последующих запусках & kstars;. Чтобы удалить собственную схему, просто выделите её в списке и нажмите кнопку Удалить цветовую схему

KDE40.1

en Case T-#/# P: Order of the Court of First Instance of # September #- Van Neyghem v Commission (Appeal- Staff cases- Dismissal of the action at first instance- Recruitment- Open competition- Non-admission to the oral tests- Appeal manifestly unfounded

Показаны страницы 1. Найдено 15 предложения с фразой кнопка.Найдено за 6 мс.Накопители переводов создаются человеком, но выравниваются с помощью компьютера, что может вызвать ошибки. Они приходят из многих источников и не проверяются. Будьте осторожны.

Если на вашем компьютере установлено больше одного браузера, то вы постоянно будете сталкиваться с уведомлением, спрашивающим, с помощью какого из них вы хотите открыть тот или иной файл. Со временем это может надоесть, и у вас останется два варианта действий - удалить все браузеры, кроме самого удобного, или изменить параметры и выбрать браузер по умолчанию.

Что такое «браузер по умолчанию»?

В основных настройках компьютера можно найти параметр «Браузер по умолчанию». Он обозначает то, с помощью какого из находящихся на вашем компьютере браузеров будут открываться ссылки. То есть, если вы откроете файл, содержащий в себе ссылку на документ или страницу, ты вы не получите сообщение «С помощью какого браузера выполнить эту команду?», а сразу перейдете к желаемой вкладке.

Как установить и настроить браузер по умолчанию

Есть несколько способов, позволяющих изменить браузер, которому будет выдаваться приоритет в выполнении задач.

Универсальный способ

Этот способ подойдет для возведения любого браузера в статус «по умолчанию», так как изменяться параметры будут через настройки самого компьютера. Единственное различие - расположение этих настроек, зависящее от версии Windows.

Как изменить в Windows 10

Как сменить в Windows 7 и 8

Как назначить вручную

Если по каким-то причинам вы не можете перейти к изменению браузера по умолчанию через настройки компьютера, то можно сделать это через сам браузер. Если вы пользуетесь Windows 8.1, 10, то на экране появятся настройки, в которых необходимо будет подтвердить действие, сменив браузер вручную.

Как выбрать Google Chrome по умолчанию

Как поменять настройки для Оперы

Установка настроек для Мозила Фаерфокс


Какие настройки установить, чтобы использовать Яндекс Браузер


Как сделать Internet Explorer постоянным браузером по умолчанию

Как поставить по умолчанию Microsoft Edge


Подтверждение изменения

Последний способ изменить браузер по умолчанию - это согласиться с уведомлением, которое иногда появляется при запуске браузера, не являющегося основным.

Что делать, если браузер по умолчанию не устанавливается

Есть несколько способов, помогающих устранить ошибку, из-за которой браузер по умолчанию постоянно сбрасывается или не выставляется вовсе.

Перезагрузка компьютера

Первое, что стоит сделать в подобной ситуации - перезагрузить компьютер. Все программы и фоновые процессы будут перезапущены и, возможно, начнут работать корректно.

Переустановка

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

Изменение способа открытия программ и файлов

Если установить браузер по умолчанию не получается, то можно сделать наоборот: задать всем файлам и программам браузер, через который они будут обязаны открываться при запуске.

Итак, если вы пользуетесь несколькими браузерами одновременно, то необходимо выбрать самый удобный из них и изменить настройки компьютера так, чтобы все нужные файлы и программы по умолчанию открывались с помощью него. Сделать это можно через параметры Windows или настройки самого браузера. Если выбранный по умолчанию браузер постоянно сбрасывается, то необходимо устранить эту проблему вручную одним из вышеизложенных способов.

Элемент управленияCommandButton является инструментом, позволяющим дать программе команду на выполнение.

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

Командные кнопки служат для управления программой. С каждой такой кнопкой связана процедура обработки события, которая будет выполняться, после того, как пользователь щелкнет по кнопке. При размещении командной кнопки на экранной форме VisualBasicавтоматически устанавливает некоторые свойства этого объекта, но ряд свойств устанавливается пользователем.

Свойства элемента управления CommandButton

Name . Как и текстовому окну или метке, командной кнопке можно задать уникальное имя, например,cmdCalculate(по умолчанию для первой командной кнопки имя Command1, для второйCommand2 и т.д.). Это имя будет использовано в программе для ссылки на командную кнопку.

Свойство Caption определяет надписьна кнопке. По умолчанию значение свойстваCaptionCommand1. Его можно заменить более информативным в зависимости от назначения командной кнопки, например, «Очистка», «Выход», «Вычисление».

Для командной кнопки возможно также установление ранее рассмотренных свойств, таких, какFont (название, начертание и размер шрифта);Left , Top , Height , Width (положение и размеры кнопки на форме).

Свойство BackColor (цвет фона) действует только в том случае, если свойствоStyle имеет значение, равное 1 (Grafical).

События, связанные с командной кнопкой

Как уже отмечалось ранее, любое действие пользователя (щелчок мыши, нажатие клавиши и т.п.) рассматриваются VisualBasicкак событие, распознаваемое объектом управления, формой или программой. В программе каждый объект управления настроен так, чтобы распознавать определенный тип событий. Одни объекты управления могут реагировать на одинарные и двойные щелчки мыши, другие объекты управления реагируют на изменение значений. Чтобы объект управления реагировал на определенное событие, в процедуру обработки события этого объекта надо поместить код. В противном случае программа проигнорирует это событие. Какие события связаны с командной кнопкойобъектомCommandButton? Как уже говорилось, просмотреть их можно в окне кодов. Активизируется окно кодов с помощью:

    клавиши F7;

    двойного щелчка на объекте или на форме;

    щелчка на кнопке ViewCodeв окне проекта.

В списке объектов (Object) выбирается требуемый объект, например,Command1. В правой половине окна кодов можно раскрыть список процедур обработки событий, связанных с данным объектом (Procedure). У каждого объекта может быть несколько связанных с ним событий. Основное назначение командной кнопкиотследить событиеClick , возникающее при щелчке мыши на кнопке. Программа (программный код или просто код) обработки события оформлена вVisualBasicкак процедура.

Процедура обработки события Click для объекта управления с именемComm a nd1 имеет следующий вид:

Private Sub Command1_Click()

Первая строка кода определяет начало или заголовок процедуры . Последняя строка кода определяетконец процедуры . Между этими двумя строками помещается код, который должен быть выполнен после того, как пользователь щелкнет мышью на командной кнопке. В заголовке процедуры ключевое словоPrivate означает, что данная процедуралокальная, т. е. доступна только внутри модуля данной формы и не может быть вызвана из других модулей проекта. СловоSub говорит о том, что мы имеем дело с процедурой. Далее следует имя процедуры,Command 1_ Click , которое состоит изимени объекта (в нашем случае имени командной кнопки) иимени события . Имя объекта и имя события соединены между собой символом подчеркивания. Если мы хотим, чтобы действием данной процедуры была, допустим, очистка текстового окна с именемText 1 , расположенного на формеForm 1 , то процедура должна иметь следующиий вид:

Private Sub Command1_Click()

Form1!Text1.Text=””

End Sub

В лабораторных работах, завершая их, необходимо организовать выход в среду VisualBasic. Это означает, что на экранной форме должна быть кнопка, отвечающая за это действие, допустим, что это кнопка с именем Command2. Тогда процедура обработки этого события имеет вид:

Private Sub Comm a nd2_ Click ()

End выход из программы в средуVisualBasic

End Sub

        Элементы управления VScrollBar и HScrollBar (Вертикальная и Горизонтальная Линейки Прокрутки)

В

ертикальная Линейка Прокрутки

Горизонтальная Линейка Прокрутки

Не следует путать свойство ScrollBarэлемента управленияTextBoxи линейки (или полосы) прокрутки, которые сами являются элементами управления. СвойствоScrollBarиспользуется для перемещения по тексту объектаTextBox. Линейки же прокрутки служат:

    для увеличения или уменьшения некоторого значения (например, изменения интенсивности цвета, звука на мультимедийных устройствах);

    для упрощения ввода чисел из заданного диапазона, т.е. не через клавиатуру, а с помощью мыши (перемещением ползунка на линейке прокрутки). При этом исключаются ошибки ввода.

Полоса прокрутки позволяет вводить целые числа в диапазоне от -32768 до 32767.

Свойства линеек прокрутки

Name по умолчанию задаются именаVScroll1, VScroll2, HScroll1, HScroll2 и т.д.

Min, Max  эти свойства определяют диапазон прокрутки (по умолчанию Min=0, Max=32767). При этом значение Min соответствует верхнему концу полосы, Max  нижнему (для вертикальной полосы прокрутки). Соответственно Min  левому концу, Max  правому (для горизонтальной полосы прокрутки).

Value  значение этого свойства определяет положение бегунка на линейке прокрутки (по умолчанию =0). При прокрутке ползунка сверху вниз (слева направо) значение свойстваValue увеличивается. Чтобы изменить направлениесвойстваValue, достаточно поменять местами значения свойств Min и Max. При проектировании формы (режим design) в свойстве Value указывается начальное значение, определяющее положение бегунка на полосе при запуске программы.

Свойство SmallChange определяет величину, на которую изменится значение Value при щелчке по стрелкам на концах линейки прокрутки. По умолчанию значение свойства = 1.

Свойство LargeChange определяет величину, на которую изменится значение Value при щелчке по линейке прокрутки между стрелкой и ползунком. По умолчанию значение свойства = 1.

Можно передать значение, задаваемое с помощью линейки прокрутки (свойство Value) другому объекту, например, вывести в текстовое окно:

Text1.Text=Str(HScroll1.Value)

Функция Str(), используемая в данном выражении, преобразует число в строку.

События, связанные с объектами VScrollBar и HScrollBar

Полосы прокрутки имеют два основных события, связанных с изменением положения бегунка, отображаемого в свойстве Value.

Событие Change (изменение) возникает когда:

    щелкаем мышью на стрелках или на самой полосе прокрутки;

    отпускаем левую кнопку мыши после протяжки бегунка на новое место.

Событие Scroll (прокрутка) возникает во время протяжки бегунка.

И то, и другое событие, вызывает изменение положения бегунка, а значит, и изменение свойства Value, т.е. изменение данного, считываемого с линейки прокрутки. Процедуры, обрабатывающие эти два события, позволяют передавать значение свойства Value в текстовое окно для отображения или в любую другую процедуру для использования.

Последнее обновление: 31.10.2015

Элементы управления представляют собой визуальные классы, которые получают введенные пользователем данные и могут инициировать различные события. Все элементы управления наследуются от класса Control и поэтому имеют ряд общих свойств:

    Anchor : Определяет, как элемент будет растягиваться

    BackColor : Определяет фоновый цвет элемента

    BackgroundImage : Определяет фоновое изображение элемента

    ContextMenu : Контекстное меню, которое открывается при нажатии на элемент правой кнопкой мыши. Задается с помощью элемента ContextMenu

    Cursor : Представляет, как будет отображаться курсор мыши при наведении на элемент

    Dock : Задает расположение элемента на форме

    Enabled : Определяет, будет ли доступен элемент для использования. Если это свойство имеет значение False, то элемент блокируется.

    Font : Устанавливает шрифт текста для элемента

    ForeColor : Определяет цвет шрифта

    Location : Определяет координаты верхнего левого угла элемента управления

    Name : Имя элемента управления

    Size : Определяет размер элемента

    Width : ширина элемента

    Height : высота элемента

    TabIndex : Определяет порядок обхода элемента по нажатию на клавишу Tab

    Tag : Позволяет сохранять значение, ассоциированное с этим элементом управления

Кнопка

Наиболее часто используемым элементом управления является кнопка. Обрабатывая событие нажатия кнопки, мы может производить те или иные действия.

При нажатии на кнопку на форме в редакторе Visual Studio мы по умолчанию попадаем в код обработчика события Click , который будет выполняться при нажатии:

Private void button1_Click(object sender, EventArgs e) { MessageBox.Show("Hello World"); }

Оформление кнопки

Чтобы управлять внешним отображением кнопки, можно использовать свойство FlatStyle . Оно может принимать следующие значения:

    Flat - Кнопка имеет плоский вид

    Popup - Кнопка приобретает объемный вид при наведении на нее указателя, в иных случаях она имеет плоский вид

    Standard - Кнопка имеет объемный вид (используется по умолчанию)

    System - Вид кнопки зависит от операционной системы

Изображение на кнопке

Как и для многих элементов управления, для кнопки можно задавать изображение с помощью свойства BackgroundImage. Однако мы можем также управлять размещением текста и изображения на кнопки. Для этого надо использовать свойство TextImageRelation . Оно приобретает следующие значения:

    Overlay : текст накладывается на изображение

    ImageAboveText : изображение располагается над текстом

    TextAboveImage : текст располагается над изображением

    ImageBeforeText : изображение располагается перед текстом

    TextBeforeImage : текст располагается перед изображением

Например, установим для кнопки изображение. Для этого выберем кнопку и в окне Свойств нажмем на поле Image (не путать с BackgroundImage). Нам откроется диалоговое окно установи изображения:

В этом окне выберем опцию Local Resource и нажмем на кнопку Import , после чего нам откроется диалоговое окно для выбора файла изображения.

После выбора изображения мы можем установить свойство , которое управляет позиционированием изображения на кнопке:

Нам доступны 9 вариантов, с помощью которых мы можем прикрепить изображение к определенной стороне кнопки. Оставим здесь значение по умолчанию - MiddleCenter , то есть позиционирование по центру.

Затем перейдем к свойству TextImageRelation и установим для него значение ImageBeforeText . В итоге мы получим кнопку, где сразу после изображения идет надпись на кнопке:

Клавиши быстрого доступа

При работе с формами при использовании клавиатуры очень удобно пользоваться клавишами быстрого доступа. При нажатии на клавиатуре комбинации клавиш At+некоторый символ, будет вызываться определенная кнопка. Например, зададим для некоторой кнопки свойство Text равное &Аватар. Первый знак - амперсанд - определяет ту букву, которая будет подчеркнута. В данном случае надпись будет выглядеть как А ватар. И теперь чтобы вызвать событие Click, нам достаточно нажать на комбинацию клавиш Alt+А.

Кнопки по умолчанию

Форма, на которой размещаются все элементы управления, имеет свойства, позволяющие назначать кнопку по умолчанию и кнопку отмены.

Так, свойство формы AcceptButton позволяет назначать кнопку по умолчанию, которая будет срабатывать по нажатию на клавишу Enter.

Аналогично работает свойство формы CancelButton , которое назначает кнопку отмены. Назначив такую кнопку, мы можем вызвать ее нажатие, нажав на клавишу Esc.

Я не знаю, является ли это ошибкой или нет, но это похоже.

Когда у вас есть значение по умолчанию button , и вы нажимаете его, когда у вас есть псевдокласс paudo :focus , он, похоже, не имеет a outline .

#buttontag:focus { }

Он показывает outline , когда вы используете клавишу tab .

Тем не менее, он показывает outline как при нажатии, так и при использовании клавиши tab на button , если вы меняете background-color на него.

#buttontag:focus { background-color: #dde; }

Но он не работает для всех типов background-color . Например, это не работает для background-color: #ddd . В этом случае он отображается только при использовании клавиши tab .

#buttontag:focus { background-color: #ddd; }

Снимок экрана при фокусировке button ничего не меняется.

Я знаю, что background-color: #ddd имеет тот же цвет, что и граница по умолчанию button (как с фокусом, так и с фокусом). Я создал следующий код, чтобы убедиться в этом.

Var buttontag = document.getElementById("buttontag"); buttontag.onfocus = function(){ var border = window.getComputedStyle(buttontag).getPropertyValue("border"); alert(border); } var border = window.getComputedStyle(buttontag).getPropertyValue("border"); alert(border); #buttontag:focus { background-color: #ddd; }

Я знаю, что rgb(221, 221, 221) совпадает с #DDDDDD на шестнадцатеричном, и это то же самое, что и #ddd . Я не знаю, должно ли это быть связано с контрастом между обоими цветами (нет контраста, потому что они одного цвета) и outline , но очень странно, что в этом background-color outline не появляется.

Все более странно

Если вы проверяете значение по умолчанию button , и вы вынуждаете его сфокусироваться (я пытаюсь отлаживать Google Chrome), он имеет outline и показывает его на кнопке. Это значение по умолчанию outline , которое появляется в остальной части buttons с другим background-color .

:focus { outline: -webkit-focus-ring-color auto 5px; }

И я также хотел знать, было ли это связано с тем, что button находится в состоянии фокуса, поэтому я создал фрагмент Javascript , чтобы увидеть, что кнопка outline имеет в состоянии focus .

Var buttonFocus = document.getElementById("buttontag"); buttonFocus.onfocus = function(){ var outline = window.getComputedStyle(buttonFocus).getPropertyValue("outline"); alert(outline); } #buttontag:focus { background-color: #ddd; }

Он извлекает значение по умолчанию outline , но не показывает его. Кажется, что он показывает только outline , если вы вынуждаете button фокусироваться (на отладчике).

Я просмотрел официальную документацию, но не смог найти ничего о специальном поведении для стандартного buttons или конкретного background-color .

Итак, у меня есть несколько вопросов:

  • Почему outline не отображается по умолчанию button , когда вы нажимаете на него?
  • Почему с background: #ddd он также не отображается?
  • Почему отображается outline , когда вы используете tab , а не когда вы нажимаете button (в двух случаях выше)?
  • Почему button имеет outline в своем CSS , но он не отображает его? Это ошибка?

5 ответов

Поведение браузера по умолчанию заключается в том, чтобы показывать контур только по фокусу (используя вкладку f.e.), а не по щелчку. Каждый браузер также может иметь по умолчанию цвет и ширину. Чтобы избежать смешного поведения, вы можете перезаписать контур, а также добавить его к клику:

#buttontag:focus, #buttontag:active { outline: #ddd solid 2px; }

Кнопка

имеет стиль по умолчанию для каждого браузера. он может (и часто) отличаться от браузера к браузеру. Но мы можем перезаписать значения по умолчанию в соответствии с нашими потребностями.

Почему схема не отображается на кнопке по умолчанию при нажатии на нее?

Кнопка не входит в состояние фокусировки при нажатии. Он переходит в активное состояние.

Почему с фоном: #ddd также не отображается?

Он отображается в моем браузере, но только в фокусе. В ваших примерах вы используете #ddd и #dde, у которых есть очень похожие серые серые по умолчанию, но как только я изменил значение, я мог видеть разницу.

Почему отображается контур, когда вы используете вкладку, а не когда вы нажимаете кнопку (в двух случаях выше)?

Состояние фокусировки призвано позволить пользователю нажать клавишу Enter/Return, чтобы активировать кнопку. Однако кнопка не входит в состояние фокусировки, на которое она нажата.

Почему кнопка имеет контур в своем CSS, но не отображает его? Это ошибка?

Это не ошибка. Он отображается только в состоянии фокусировки, которое может быть принудительно передано через инспектор кода, через javascript или путем табуляции через элементы формы. Я использовал свой собственный пример: схема: 2px solid #ccc; Состояние фокусировки очень полезно при попытке сделать приложение/веб-сайт доступным для чтения с экрана для людей с ослабленным зрением. Это позволяет нам добавлять больше функций, которые могут быть запущены в этих ситуациях, и ориентировать пользователя на страницу, когда смотреть на нее невозможно.

webkit Chrome и Safari ведут себя по-другому, поскольку они не запускают:focus в событии клика, а делают это при событии клавиатуры tab .

Это поведение:focus присутствует, особенно в элементе button .

Таким образом, вам может потребоваться добавить атрибут tabindex в ваш элемент button , чтобы браузер знал, что этот элемент может получить фокус.

Tabindex="0"

Поскольку без этого атрибута tabindex браузер видит флаг фокуса как ложный, следовательно нет:focus .

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

Также см. следующее относительно сфокусированного контекста просмотра

Если атрибут опущен или разбор значения возвращает ошибку.

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

Согласование платформы Modulo, предлагается, чтобы для следующих элементов был установлен флаг фокуса tabindex:

    элементы, имеющие атрибут href

    элементы ссылок, которые имеют атрибут href

    Элементы кнопки

Вы также можете увидеть этот связанный вопрос StackOverflow.