Style and appearance in Blazor Numeric TextBox Component

21 Feb 20221 minute to read

The following content provides the exact CSS structure that can be used to modify the control’s appearance based on the user preference.

Customizing the appearance of Numeric TextBox container element

Use the following CSS to customize the appearance of Numeric TextBox container element.

/* To specify height and font size */
.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {

        height: 40px;
        font-size: 20px;
}

Customizing the Numeric TextBox icons

Use the following CSS to customize the Numeric TextBox icons

/* To specify font size and background color */
.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
        font-size: 20px;
        background-color: beige;
}