как получить <select>для отображения inline? - PullRequest
Новая
       7

как получить <select>для отображения inline?

0 голосов
/ 29 января 2019

Привет, у меня есть простой ярлык «Район» и выпадающий список почтовых индексов.Я просто хочу, чтобы метка и раскрывающийся список располагались рядом друг с другом по горизонтали на одной строке, но по какой-то причине это сработает.Он продолжает отображаться вертикально, как в ярлыке вверху и меню внизу.

вот мой HTML: 

<div class="filterButton leaflet-control">
     <span><i class="fa fa-filter fa-7x"></i>
      <label class="menu">District: </label>
      <select class="ml-1 menuContent" name="zipcode" [(ngModel)]="zipcode" (ngModelChange)="selectedZipcode()">
        <option>-All-</option>
        <option *ngFor="let zipcode of artworkList | duplicates ">{{zipcode}}</option>
      </select>
    </span>
  </div>

и мой CSS: 

.filterButton {
  margin-left: 43px;
  border-radius: 0;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-position: 50% 50%;
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  padding: 3px;
 }

 .fa-filter:hover  {
   color: #5690C6;
 }

 .fa-filter {
  color: #1770a6;
  font-size: 21px;
  padding-left: 4px;
  padding-right: 4px;
  align-content: center;
 }

 .menu, .menuContent {
   display: inline;
  }

1 Ответ

0 голосов
/ 29 января 2019

Вы должны сделать отображение: встроенное;или отобразить: встроенный блок на кнопке filterButton, обертка ваших элементов.

...