CSS: Text Markup Annotation

Text Markup Annotation

The annotation toolbar is visible when a user creates or modifies an annotation. It contains annotation specific controls.

The text markup annotation toolbar is only visible, when the user selects a already created text markup annotation.

.PSPDFKit-Toolbox-Opacity

Is also: .PSPDFKit-Toolbox
Opacity dropdown slider toolbox container.

Is also: .PSPDFKit-Input-Dropdown
Specifically access the opacity slider for text markup annotations.

.PSPDFKit-Input-Slider-Input

The slider input is a regular input element of the type "range".

.PSPDFKit-Input-Slider-Value

Current value of the slider, which is a label next to the slider.

.PSPDFKit-Toolbox-Color

Is also: .PSPDFKit-Toolbox
Text color picker toolbox container.

Is also: .PSPDFKit-Input-ColorPicker
Specifically access the color-picker for text markup annotations.

.PSPDFKit-Input-ColorPicker

Wraps the color picker for single colors that is used to change the color of an annotation with only a single customizable color.

.PSPDFKit-Input-ColorPicker-Label

Can also be: .PSPDFKit-Input-ColorPicker-Label-active
An individual color option. The class is active, when the color is used on the current annotation.

.PSPDFKit-Input-ColorPicker-Swatch

A single color swatch. Changing this color via CSS will not change the annotation when the color is selected.

.PSPDFKit-Toolbox-BlendMode

Is also: .PSPDFKit-Toolbox
Blend mode dropdown selector toolbox container.

Is also: .PSPDFKit-Input-Dropdown
Specifically access the different blend modes for text markup annotations.

Is also: .PSPDFKit-Toolbar-Button
The button to delete a text markup annotation is always visible, because the toolbar is also only visible for already created text markup annotations.

.PSPDFKit-Highlight-Annotation

Is also: .PSPDFKit-Annotation .PSPDFKit-Text-Markup-Annotation
Can also be: .PSPDFKit-Text-Markup-Annotation-selected
The highlight annotation in the document. It's styled by the properties of the annotation.

.PSPDFKit-StrikeOut-Annotation

Is also: .PSPDFKit-Annotation .PSPDFKit-Text-Markup-Annotation
Can also be: .PSPDFKit-Text-Markup-Annotation-selected
The strike out annotation in the document. It's styled by the properties of the annotation.

.PSPDFKit-Underline-Annotation

Is also: .PSPDFKit-Annotation .PSPDFKit-Text-Markup-Annotation
Can also be: .PSPDFKit-Text-Markup-Annotation-selected
The underline annotation in the document. It's styled by the properties of the annotation.

.PSPDFKit-Squiggle-Annotation

Is also: .PSPDFKit-Annotation .PSPDFKit-Text-Markup-Annotation
Can also be: .PSPDFKit-Text-Markup-Annotation-selected
The squiggle annotation in the document. It's styled by the properties of the annotation.

CSS: Text Markup Annotation

.PSPDFKit-Annotation-Toolbar

.PSPDFKit-Text-Markup-Annotation-Toolbar