Can you create a standard selection list with a transparent background? Below are two examples. While it's possible to create a "custom" selection list with a transparent background, is it possible to achieve the same effect using a select element?
HTML - showcasing a standard select list with Bootstrap form-group and form-control for custom country selection (unsure how to make this list transparent)
<div class="form-group">
<select class="form-control form-control-lg countrylist">
<option selected>Choose...</option>
<option>Nigeria</option>
<option>Sweden</option>
<option>Poland</option>
<option>Spain</option>
</select>
</div>
HTML - Creating a custom selection list using li, a, and ul tags.
<li class="dropdown nav-item">
<a data-toggle="dropdown" class="dropdown-toggle nav-link js-scroll-trigger">Clientes</a>
<ul class="dropdown-menu">
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">2ª via do boleto </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Atendimento </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Seja um revendedor </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#"> Depoimentos </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">2ª via do boleto </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Atendimento </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Seja um revendedor </a></li>
</ul>
</li>
CSS
.countrylist .dropdown-menu {
background-color: transparent !important;
}