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

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

3 ответа 3

5

Можно через 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>

1

либо же так

.block option {
    text-align : center;
}

.block select{
    text-align : center;
}

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

1
1

.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>

   

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.