Focus highlight

Last update: 2022-01-12
  • Created for:
  • Developer
    User

Input focus highlight displayed around focused viewer UI element is controlled with the CSS class selector.

CSS properties

The appearance is controlled with the following CSS class selector:

.s7flyoutviewer *:focus

CSS property

Description

outline

Focus highlight style.

Example - to disable the default browser focus highlight for all viewer user interface elements, add the following CSS selector to viewer’s style sheet:

.s7flyoutviewer *:focus {
 outline: none;
}

On this page