Focus highlight

Last update: September 14, 2021

CREATED FOR:

  • Developer
  • User

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

CSS properties

The appearance is controlled with the following CSS class selector:

.s7carouselviewer *:focus
CSS propertyDescription
outlineFocus 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:

.s7carouselviewer *:focus {
 outline: none;
}
recommendation-more-help