Семантический интерфейс - выпадающий с иконкой - PullRequest
Новая
       38

Семантический интерфейс - выпадающий с иконкой

0 голосов
/ 02 октября 2019

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

enter image description here enter image description here

Это мои коды выглядят как 

<div class="ui fluid search selection dropdown">
                <i class="map marker alternate icon"></i>
                <input type="hidden" name="language">
                <div class="default text">Destination</div>
                <div class="menu">
                    <div class="item" data-value="ms">Mactan Shirne</div>
                    <div class="item" data-value="gf">Guitar Factory</div>
                    <div class="item" data-value="pg/pd">Pawod Gamay/Pawod Dako</div>
                    <div class="item" data-value="cebhap">Cebu Happy World</div>
                    <div class="item" data-value="buagsong">Buangsong Bakasi</div>
                    <div class="item" data-value="Roses">10000 Roses Cafe</div>
                    <div class="item" data-value="Danasan">Danasan Eco Adventure Park</div>
                    <div class="item" data-value="Discovery">Discovery Hills</div>
                    <div class="item" data-value="Papa">Papa Kit's Marina & Fishing Lagoon</div>
                    <div class="item" data-value="AquaQuattro">AquaQuattro Inflatable Water Park</div>
                </div>
            </div>

Любая помощь будет высоко ценится. Тиа!

...