Is there a way to add shadow to ion-textarea?

Ionic Framework
#1

I’m going to add shadow to ion-textarea(not ion-item), but it’s not working when I do as following.

<ion-row class="ion-align-items-center ion-justify-content-center ion-no-padding">
          <ion-col size="11" class="ion-no-padding">
            <ion-item lines="none" detail="false" class="about-me-item">
              <ion-label class="font-poppins" position="stacked">About me</ion-label>
              <ion-textarea
                class="font-sanspro"
                placeholder="Write a short description"
                rows="5"
              ></ion-textarea>
            </ion-item>
          </ion-col>
        </ion-row>

ion-item.about-me-item {

  ion-label {

    font-size: 1.8rem !important;

  }

  ion-textarea {

    font-size: 1.6rem !important;

    --padding-top: 0px;

    --padding-bottom: 0px;

    --padding-start: 0px;

    --padding-end: 0px;

    border-radius: 1.2rem;

    border-color: #707070;

    border-width: 1px;

    box-shadow: 0px 2px 2px #160a0a;

  }

}

Now it looks like this:
image
Can anyone help?

#2

Have you read @joshmorony’s article Shadow DOM Usage in Ionic Web Components?

#3

Yes, I did. And I know a bit about shadow DOM and part.

#4

But I see that ion-textarea is a scoped component.