Как можно вывести select в виде атрибута multiple?

Question

[Sound35]

Как можно вывести select в виде атрибута multiple, но при этом сам атрибут не использовать и чтоб оставался одиночный выбор.

<label for="multiple">
  <select>
    <option>
      Демо1 
    </option>
    <option>
      Демо2 
    </option>
    <option>
      Демо3 
    </option>
  </select>
</label>

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
  }
  
  label[for=multiple] {
    position: relative;
    display: block;
    width: 500px;
    overflow: hidden;
    cursor: pointer;
  }
  
  label[for=multiple] select {
    border: 5px solid #eeeeee;
    background: white;

    width: 100%;
    font-size: 16px;
    font-family: monospace;
    cursor: pointer;
  }
  
  label[for=multiple] select::-ms-expand {
      display: none;
  }
  
  label[for=multiple] :-moz-any(select) {
    width: 100%;
  }
  
  label[for=multiple].ie9 select {
    width: 100%;
  }
  
  label[for=multiple] select:focus {
    outline: 1px dotted #A9A9A9;
  }

Answer 1

[Владимир Проскурин]

Установите ему size

Answer 2

[Максим Тимофеев]

select - это элемент, multiple - это его атрибут. Нельзя вывести элемент в виде атрибута. Нельзя нарисовать яблоко в виде зеленого, можно нарисовать зеленое яблоко.