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

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>

READ ALSO
TextArea изменить цвет при наведении мышкой (Css стили)

TextArea изменить цвет при наведении мышкой (Css стили)

есть какой-то не примечательный TextArea (который нельзя изменять), хочу чтобы при наведении на него мышкой, область изменялась в черный цвет,...

421
ComboBox изменить цвет при наведении на него

ComboBox изменить цвет при наведении на него

Как мне при наведении на CheckBox изменить цвет его фона на черный, а цвет текста на белый (те

495
Как сделать прозрачную &ldquo;дырку&rdquo;

Как сделать прозрачную “дырку”

Над элементом с контентом есть полупрозрачный элемент, в котором нужно сделать прозрачную круглую "дырку"Как это сделать с помощью стилей...

339