I am working with PHP, I have a form that has some Select. My problem is that I would like to eliminate the arrow that all Selects have by default, I have tried in my CSS sheet to apply some styles that I was looking for and they should work but it did not work for me.
MY SELECT
<div class="col-md-4">
<select class="form-control" name="carrera" id="carrera" required>
<option value="">Selecciona una Carrera</option>
<?php foreach ($carr as $c): ?>
<option value="<?php echo $c->id ?>">
<?php echo $c->nombre_carr ?></option>
<?php endforeach; ?>
</select>
</div>
My CSS code for the select
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
select
In your CSS, you must add the following properties to your tag :With these properties you eliminate all the design
select
that is shown by default, that is why you should also apply abackground
ycolor
so that the text of the select is not lost.Here I have an example so you can visualize it better.