포커스된 콤보 박스의 CSS 클래스

[Steven]

디스코urs CSS를 잘 찾아서 쓰는 편인데, 이 경계선, 즉 카테고리 드롭다운의 파란색 경계선에 대한 CSS 클래스를 찾을 수가 없습니다:

border: 1px solid $tertiary;라는 줄에서 오는 것 같고, 이 파일에서 온 것 같습니다: discourse/app/assets/stylesheets/common/select-kit/combo-box.scss at 0431942f3de7c2970ea160fc671b2a5874517c37 · discourse/discourse · GitHub

하지만 테스트 포럼에서 border가 있는 모든 줄을 바꿔봐도 여전히 이 파란색 경계선이 보입니다.

포커스 시 색상을 바꾸거나 경계선을 제거하고 싶습니다.

.select-kit {
  &.combo-box {
    .select-kit-header {
      &.is-focused {
        border: 0;
      }
    }
    
    &.is-highlighted {
      .select-kit-header {
        border: 0;
      }
    }

    &.is-expanded {
      .select-kit-wrapper {
        border: 0;
      }
    }
  }
}

또는 이런 식으로

.select-kit.combo-box .select-kit-header.is-focused {
    border: 0 !important;
}

하지만 제게는 아무것도 작동하지 않습니다.

CSS 마법사 중에 해결책을 알고 계신 분 계신가요? 감사합니다

[jomaxro (Joshua Rosenfeld)]

브라우저에서 오는 하이라이트가 아닌가요?

[smrtey]

이것은 맞는 것 같습니다.

하지만 다음 코드로 제거할 수 있을 것 같습니다.

class-name:focus {
   outline: none;
}

아니면 !important를 추가해야 할 수도 있지만, border가 아니라 outline을 정의해야 합니다.

[Steven]

고마워요!

이제 왜 크롬에서만 나타났는지 알겠어요.

수정했어요!