CODEWITHSUNDEEP
cssextjs
harunB10
harunB10

Reputation: 5207

ExtJS change border color of focused elements

I am trying to change a default focus border color in my ExtJS app. At the moment I use ExtJS 6 and its default Theme-Triton...

Is there a way to modify CSS property to affect all elements and change focus border color from blue to red (for example)?

Upvotes: 0

Views: 501

Answers (1)

Matheus Hatje
Matheus Hatje

Reputation: 987

You can create your own custom theme that extends to "theme-triton" then you can create a SCSS file with your custom colors, like $form-field-focus-border-color: #ff1744 to change the border color of the focused items in a form

Checkout on how to create the custom theme here

Otherwise, if you don't want to create your own theme, you can try to edit the css classes that are applied to the element you want to edit:

.x-form-trigger-wrap-focus{
    border-color:#ff1744 !important;
}

Upvotes: 1

Related Questions