CSS: Ink Annotation

Ink Annotation

.PSPDFKit-Annotation-Toolbar

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

.PSPDFKit-Ink-Annotation-Toolbar

The ink annotation toolbar is visible when a user draws a new ink annotation, or when an ink annotation is selected to be modified.

.PSPDFKit-Ink-Annotation-Toolbar-Stroke-Color

Is also: .PSPDFKit-Input-Color-Dropdown
Specifically access the stroke color picker for ink annotations.

.PSPDFKit-Ink-Annotation-Toolbar-Background-Color

Is also: .PSPDFKit-Input-Color-Dropdown
Specifically access the background color picker for ink annotations.

.PSPDFKit-Ink-Annotation-Toolbar-Opacity

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

.PSPDFKit-Ink-Annotation-Toolbar-Line-Width

Is also: .PSPDFKit-Input-Dropdown
Specifically access the line-width slider for ink 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-Ink-Annotation-Toolbar-Blend-Mode

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

.PSPDFKit-Ink-Annotation-Toolbar-Button-Delete

Is also: .PSPDFKit-Toolbar-Button
The button to delete an ink annotation is only visible when the annotation is already saved and currently selected. It does not show up when the user starts to create a new ink annotation.

.PSPDFKit-Ink-Annotation

Is also: .PSPDFKit-Annotation
The ink annotation in the document. It's styled by the properties of the annotation.