Good day. I want to format my combo box so that I stay as follows:
The point is that I have not been able to give it the correct format and now I have it all piled up showing it in the following way:
What would be the best way so that it is not crowded and shown as the first image?
I leave my code:
<!DOCTYPE html>
<html>
<head>
<style>
.personalizeSelect{
width: 40%;
border: 1px solid #FFFF;
background:#F4F4F4;
border-bottom:solid gray 1px;
height:40px;
position:relative;
-webkit-appearance: none;
-moz-appearance: none;
border-radius:0;
text-align:center;
}
</style>
</head>
<body>
<form>
<select class="personalizeSelect">
<option value="">Selecciona</option>
<option value="daniel">Daniel</option>
</select>
</form>
</body>
</html>