Text Box CSS API Reference

All Common CSS variables:

    Specific CSS variables for Text Box styling:

    • --smart-text-box-default-width: Text Box default width.
    • --smart-text-box-default-height: Text Box default height.

    The following CSS selectors can be used to style Text Box:

    • smart-text-box - the element itself. Can be used to set width and height for the whole element.
      • .smart-container - the container that holds all of the internals of the element. Shoudn't be used for styling.
        • .smart-label - an HTML Span element used to hold the label above the element.
        • .smart-content - an HTML Container that holds the input and the drop down elements.
          • .smart-input - an HTML Input element.
        • DIV element - a container for the autoComplete string that is used when autoComplete mode is set to 'inline'.
        • .smart-drop-down .smart-drop-down-container - the drop down elemnt container.
          • smart-list-box - a smartListBox custom element used as the drop down.
        • .smart-hint - an HTML Span element used to hold the hint below the element.

    Demo

    <style>
            #textbox{
                    --smart-color: #ccc;
                    --smart-font-size: 20px;
            }
    </style>