Перенос текста в раскрывающемся HTML

Question

Я хочу обернуть длинный текст в поле параметра.

Пример:

<select class="myselect">
  <option value="">Select</option>
  <option value="1">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="2">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="3">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>

</select>

Answer 1

Попробуйте этот код !! Надеюсь, это сработает для вас ..

.myselect {
  width: 200px;
  max-width: 100%;
}
option {
 white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #DDD;
}

<select class="myselect">
  <option value="">Select</option>
  <option value="1">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="2">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="3">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
</select>