Focus highlight

Last update: 2021-12-10
  • Created for:
  • Developer

Input focus highlight displayed around the focused viewer user interface element.

The appearance of the focus highlight is controlled with the following CSS class selector:

.s7ecatalogviewer *:focus

CSS properties of the focus highlight


Focus highlight style.

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

.s7ecatalogviewer *:focus {
 outline: none;

On this page