angular-editor icon indicating copy to clipboard operation
angular-editor copied to clipboard

Text area border color change issue

Open itsraj1 opened this issue 3 years ago • 4 comments

Untitled

How to change this black border color?

Thanks

itsraj1 avatar May 28 '21 15:05 itsraj1

@itsraj1 you can remove the outline and then change border color to the desired one .angular-editor-textarea::focus-within { outline: none; }

patison89 avatar Nov 04 '21 13:11 patison89

Hi!

Did you find any answer for this? I tried @patison89 solution but no results... I'm not able to change any css from the component :(

jcliebanafdz avatar Mar 21 '22 11:03 jcliebanafdz

use the following CSS

::ng-deep .angular-editor-textarea {
    outline: 0 !important;
}

aroshanzamir avatar May 19 '22 08:05 aroshanzamir

I wonted to add a red border depending if the input is empty and this is my approach:L <angular-editor [ngClass]="OTPBottomTextClass" [(ngModel)]="OTPDisclaimerText['Value']" [config]="config" [style]="{ height: '320px', width: '100%'}" > OTPBottomTextClass is a variable , set it to a class name only when you want the red border t appear ex: if(this.OTPDisclaimerText['Value']=='') { this.OTPBottomTextClass='red-textarea' return; } finally define thew following css: .red-textarea ::ng-deep .angular-editor-textarea { outline: 0 !important; border-color: red !important;

}

narjeswehbi avatar Jul 06 '23 11:07 narjeswehbi