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...