Skip to content

Instantly share code, notes, and snippets.

@mpro9x
Created March 15, 2022 14:44
Show Gist options
  • Save mpro9x/246656dd7d3918c68f1f2f3b6026c3f6 to your computer and use it in GitHub Desktop.
Save mpro9x/246656dd7d3918c68f1f2f3b6026c3f6 to your computer and use it in GitHub Desktop.
Country DropDown List Style, You can modify this code with your form design.
<style>
.iti__selected-flag {
top: 6px;
height: 33px !important;
border-radius: 4px;
transition: .3s;
}
input#phone {
padding-left: 47px !important;
top: 6px;
}
.intl-tel-input .flag-dropdown .selected-flag {
padding: 11px 16px 11px 6px;
}
.intl-tel-input {
z-index: 99;
width: 100%;
}
.iti-flag {
box-shadow: none;
}
.intl-tel-input .selected-flag:focus {
outline: none;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input{
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.iti__country-list {
border-radius: 4px !important;
z-index: 999 !important;
box-shadow: 0 0 16px 0 rgb(0 0 0 / 8%) !important;
border: 1px solid #ececec !important;
width: 270px !important;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment