0151 355 4555

Auto-Complete Styling

The PredictiveAddress control uses a number of CSS classes to control how it is displayed:

  • .predictiveAddressTextBox - applied to the text box element that PredictiveAddress is applied to
  • .predictiveAddressCountryListContainer - applied to a <div> element positioned beneath the text box element to hold the country selector
  • .predictiveAddressCountryList - applied to a <div> element within the country list container. Contains a <ul> element for the country list
    • Each <li> element within the list contains an <img> element for the country flag and a <span> element for the country name
  • predictiveAddressCountrySelector - applied to a <div> element within the country list container, displaying the currently selected country