How to Change Cursor Color in Blazor DOCX Editor

28 Aug 20261 minute to read

The Blazor DOCX Editor (Document Editor) component uses a black cursor by default. However, this color can be customized by overriding the .e-de-blink-cursor CSS class.

The editor’s blinking cursor is styled using the .e-de-blink-cursor CSS class. To change its color, define a new style for this class with the desired border-left color.

Applying the CSS override

.e-de-blink-cursor {
    border-left: 1px solid red !important;
}

NOTE

The !important declaration is used here to ensure this custom style takes precedence over the component’s default styles.

After applying this CSS, the cursor in the DOCX Editor will appear in the new color.