Password Text Box - CSS API Reference

All Common CSS variables:

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

• smart-password-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 additional container, separated the input and password icon from the other elements.
      • .smart-input - an HTML Input element of type "password" used for the user input.
      • .smart-password-icon - an HTML Span element used to display the show/hide password icon.
    • .smart-hint - an HTML Span element used to hold the hint below the element.
    • smart-tooltip - a tooltip used about password strength visualization.

Demo

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