Front End tutorials — Custom elements: create a custom select
1 min readMay 20, 2019
One necessity that front end developers often have is to create a custom <select> for their website. I based myself on this excellent tutorial were I learn about this: https://coderwall.com/p/w7npmq/fully-custom-select-box-simple-css-only
HTML
<div class="modal-professional-change-payment-credit-card-date-container"><select class="modal-professional-change-payment-credit-card-date">
<option>Mastercard</option>
</select></div>
CSS
.modal-professional-change-payment-credit-card-date-container {border: none;width: 120px;border-radius: 40px;overflow: hidden;background: #f5f5f5 url(prueba.png) right 5px no-repeat;padding-left: 15px;padding-right: 15px;}