Skip to main content

CSS Classes

The Address Finder can be styled CSS classes.

CSS Class Hierarchy​

<div class="idpc_autocomplete">
  <input type="text">
  <div class="idpc_af">
    <ul class="idpc_ul">
      <li class="idpc_error">This element only shows when a message is communicated to the user</li>
      <li aria-selected="true">Address Suggestion One</li>
      <li aria-selected="false">Address Suggestion Two</li>
      <li aria-selected="false">Address Suggestion Three</li>
    </ul>
    <div class="idpc_toolbar">
      <span class="idpc_country">
        <span class="idpc_icon">🇮🇪</span>
        <span class="idpc_country">Select Country</span>
      </span>
    </div>
  </div>
</div>

Demo​

Loading...