Focus highlight focus-highlight

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;
}
recommendation-more-help
dynamic-media-developer-resources-help-aem-viewers-ref