diff options
Diffstat (limited to 'files/ru/web/css/_colon_focus-visible/index.html')
| -rw-r--r-- | files/ru/web/css/_colon_focus-visible/index.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/files/ru/web/css/_colon_focus-visible/index.html b/files/ru/web/css/_colon_focus-visible/index.html index 0947a99d1e..6a60885ae1 100644 --- a/files/ru/web/css/_colon_focus-visible/index.html +++ b/files/ru/web/css/_colon_focus-visible/index.html @@ -19,14 +19,14 @@ translation_of: 'Web/CSS/:focus-visible' <p>В этом примере селектор <code>:focus-visible</code> использует поведение UA, чтобы определить, когда соответствовать. Сравните, что происходит, когда вы щёлкаете мышью по разным элементам управления, и что происходит при переходе по ним с помощью клавиатуры. Обратите внимание на разницу в поведении элементов, оформленных с помощью <code>:focus</code>.</p> -<pre class="brush: html notranslate"><input value="Default styles"><br> +<pre class="brush: html"><input value="Default styles"><br> <button>Default styles</button><br> <input class="focus-only" value=":focus only"><br> <button class="focus-only">:focus only</button><br> <input class="focus-visible-only" value=":focus-visible only"><br> <button class="focus-visible-only">:focus-visible only</button></pre> -<pre class="brush: css highlight[9] notranslate">input, button { +<pre class="brush: css highlight[9]">input, button { margin: 10px; } @@ -45,9 +45,9 @@ translation_of: 'Web/CSS/:focus-visible' <p>Пользовательский элемент управления, такой как кнопка <a href="/en-US/docs/User:Andreas_Wuest/Custom_Elements">настраиваемого элемента</a>, может использовать: focus-visible для выборочного применения индикатора фокуса только к фокусу клавиатуры. Это соответствует собственному поведению фокуса для таких элементов управления, как {{htmlelement ("button")}}.</p> -<pre class="brush: html notranslate"><custom-button tabindex="0" role="button">Click Me</custom-button></pre> +<pre class="brush: html"><custom-button tabindex="0" role="button">Click Me</custom-button></pre> -<pre class="brush: css highlight[13, 19] notranslate">custom-button { +<pre class="brush: css highlight[13, 19]">custom-button { display: inline-block; margin: 10px; } |