Select without Label?

1

It is possible to get styled Select without wrapped label?

2

Not really, as selects are a bit difficult to style directly.

The label is there to provide some need css-love

4

Just remove “item-input” class and input-label part. Then, set style=“max-width: 100%” to select,

<label class="item item-select select_input">
    <select ng-model="s.selected" style="max-width: 100%">
        <option value="">None</option>
        <option ng-repeat="item in items">
            {{ item }}
        </option>
    </select>
</label>
5

Does this still work? Your example does not seem to be working for me. (Ionic V1)

6

This only seems to work if I set max-width: 100% and width: 100%

1 Like