Styling ion-option

@MaryamRashan wrote:

How can I style my ion-options so that they are wider?
Here is my ion-select code:

The peritoneal contamination

              <ion-select class="width100" formControlName="the_perit_contam" interface="popover">

                      <ion-option>None or reactive serous fluid only</ion-option>
                      <ion-option>Bile</ion-option>
                      <ion-option>Blood/haematoma</ion-option>
                      <ion-option>Faeces</ion-option>
                      <ion-option>Faeculent fluid</ion-option>
                      <ion-option>Free gas from perforation +/- minimal contamination</ion-option>
                      <ion-option>Gastro-duodenal contents</ion-option>
                      <ion-option>Pus</ion-option>
                      <ion-option>Small bowel contents</ion-option>
                      </ion-select>
          </ion-item>
      </div>

When I run the code, with all the necessary TS, the dropdown list isn’t wide enough and some text gets cut off.

Posts: 1

Participants: 1

Read full topic