# Default Styling

Address Lookup's default styling works by injecting a style tag into the document head.

To prevent this, set [`injectStyle`](https://address-finder.ideal-postcodes.dev/interfaces/address_finder_exports.controlleroptions.html#injectstyle) to `false`.

To provide your own CSS stylesheet you can assign a CSS Stylesheet link to `injectStyle`. E.g.

```
const d = `

.idpc_af.hidden {

    display:none

}



div.idpc_autocomplete {

  position:relative;

  margin:0!important;

  padding:0;

  border:0;

  color:#28282b;

  text-rendering:optimizeLegibility;

  -webkit-font-smoothing:antialiased;

  -moz-osx-font-smoothing:grayscale

}



div.idpc_autocomplete > input {

  display:block

}



div.idpc_af {

  position:absolute;

  left:0;z-index:2000;

  min-width:100%;

  box-sizing:border-box;

  border-radius:3px;

  background:#fff;

  border:1px solid rgba(0,0,0,.3);

  box-shadow:.05em .2em .6em rgba(0,0,0,.2);

  text-shadow:none;

  padding:0;

  margin-top:2px

}



div.idpc_af > ul {

  list-style:none;

  padding:0;

  max-height:250px;

  overflow-y:scroll;

  margin:0!important

}



div.idpc_af > ul > li { 

  position:relative;

  padding:.2em .5em;

  cursor:pointer;

  margin:0!important

}



div.idpc_toolbar { 

  padding:.3em .5em;

  border-top:1px solid rgba(0,0,0,.3);

  text-align:right

}



div.idpc_af > ul > li:hover {

  background-color:#e5e4e2

}



div.idpc_af > ul > li.idpc_error {

  padding:.5em;

  text-align:center;

  cursor:default!important

}



div.idpc_af > ul > li.idpc_error:hover {

  background:#fff;

  cursor:default!important

}



div.idpc_af > ul > li[aria-selected=true] {

  background-color:#e5e4e2;

  z-index:3000

}



div.idpc_autocomplete >.idpc-unhide {

  font-size:.9em;

  text-decoration:underline;

  cursor:pointer

}



div.idpc_af > div > span {

  padding:.2em .5em;

  border-radius:3px;

  cursor:pointer;

  font-size:110%

}



span.idpc_icon {

  font-size:1.2em;

  line-height:1em;

  vertical-align:middle

}



div.idpc_toolbar > span span.idpc_country {

  margin-right:.3em;

  max-width:0;

  font-size:.9em;

  -webkit-transition:max-width .5s ease-out;

  transition:max-width .5s ease-out;

  display:inline-block;

  vertical-align:middle;

  white-space:nowrap;

  overflow:hidden

}



div.idpc_autocomplete > div > div > span:hover span.idpc_country {

  max-width:7em

}



div.idpc_autocomplete > div > div > span:hover {

  background-color:#e5e4e2;

  -webkit-transition:background-color .5s ease;

  -ms-transition:background-color .5s ease;

  transition:background-color .5s ease

}`;
```