Вылазит текст за поле

286

28 ноября 2017, 20:37

Вылазит длинный текст....

Пробовал white-space: normal, но тогда строка начинается с абзаца, а мне нужно чтобы текст был вряд и не вылазил...

Сам код:

<select size="1" autocomplete="shipping country" data-backup="country" class="field__input field__input--select" aria-required="true" name="order_delivery_method" id="checkout_shipping_address_country"> 
  <option>Новая Почта (Оплата при получении 1233333333333)</option> 
  <option>Новая Почта (Полная предоплата)</option> 
  <option>Новая Почта (Частичная предоплата)</option> 
</select>

Answer 1

Добавьте правило:

.floating-labels .field--show-floating-label .field__input{
   padding-right: 40px;
}

Answer 2

Вот как пример, использования вместо select option

body { 
  background: skyblue; 
} 
 
div { 
  background: white; 
  max-width: 200px; 
}

<div> 
 
  <input type="radio" name="delivery" value="val1"> Очень длинный текст с описанием, и всем, что вашей деше угодно. Лорем тут жалко не поддерживается :)<br> 
  <input type="radio" name="delivery" value="val2"> Второй<br> 
  <input type="radio" name="delivery" value="val3"> Третий<br> 
 
</div>