DxDropDownBox.InputCssClass Property

Specifies CSS classes applied to the editor’s input.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string InputCssClass { get; set; }

Property Value

Type	Default	Description
String	null	CSS class names delimited by spaces.

Remarks

To define the appearance of the editor’s input element, assign a CSS class name to the InputCssClass property.

<style>
    .ddBox {
        max-width: 480px;
        width: 100%;
    }
    .myClass {
        height: 30px;
        font-style: italic;
    }
</style>

<DxDropDownBox @bind-Value="Value" QueryDisplayText="QueryText"
                InputCssClass="myClass"
                CssClass="ddBox">
    <DropDownBodyTemplate>
        <DxListBox Data="@ListBoxData" TData="Employee" TValue="Employee"
                    Values="@(GetListBoxValues(context.DropDownBox))"
                    ValuesChanged="@(values => ListBoxValuesChanged(values, context.DropDownBox))"
                    TextFieldName="@nameof(Employee.Text)"
                    SelectionMode="ListBoxSelectionMode.Multiple"
                    ShowCheckboxes="true"
                    CssClass="templateListbox" />
    </DropDownBodyTemplate>
</DxDropDownBox>

For more information, refer to the following topic: CSS Classes.

Implements

InputCssClass