Выравнивание текста по центру в select

342

19 августа 2018, 23:50

<select name="product_id" class="select">
    <option value="">Выберите Расцветку</option>
    <option value="12">Черный</option>
    <option value="11">Коричневый</option>
</select>

Стилями не получается выровнять по центру! Подскажите решение на JS.

Answer 1

Можно через CSS:

select { 
  width: 200px; 
  text-align-last: center; 
}

<select name="product_id" class="select"> 
  <option value="">Выберите Расцветку</option> 
  <option value="12">Черный</option> 
  <option value="11">Коричневый</option> 
</select>

Answer 2

либо же так

.block option {
    text-align : center;
}
.block select{
    text-align : center;
}

что-то из этих 3х вариантов сработает

Answer 3

.block { 
    text-align : center; 
}

<div class="block"> 
    <select name="product_id" class="select"> 
        <option value="">Выберите Расцветку</option> 
        <option value="12">Черный</option> 
        <option value="11">Коричневый</option> 
    </select> 
</div>