Change The Editor Border On Focus
This is kind of a silly example, but instead of using :focus
, the default styles use
:focus-within
. Let’s make it super obvious how we can changed the border color on :focus-within
CSS
rhino-editor .trix-content {
border-width: 3px;
border-color: blue;
}
rhino-editor .trix-content:focus-within {
border-color: red;
}
Pretty straightforward! But worth documenting since most people would expect to override :focus
.