Custom Style on lightning:textarea

Question

I want to add custom styling to text area height, border, color etc

This is Component

<lightning:textarea name="notes" value="" class="topText" label="Notes" maxlength="300" />

This is css

.THIS.topText{
   border-color: #020202;
   height:73px;
}

But this is not getting applied. Class is applied to other division

Answer 1

One way is to make use of the CSS selector that says style the element that is a child of the element that has the class:

.THIS .topText textarea {
   border-color: #020202;
   height:73px;
}