☰

하위 질문:

tag-icon • tag-icon firefox browser
하위 질문:

내 코드는 다음과 같습니다 $HOME/.mozilla/firefox/XXXXXXXX.default/chrome/userContent.css.

input, textarea {
color:#000  !important;
background-color: rgb(255, 255, 255) !important;
}

목표는 항상 흰색 배경에 검정색 텍스트가 있는 입력 필드와 텍스트 영역을 갖는 것입니다. 내 데스크탑 테마는 어둡습니다. 이 해킹이 없으면 Firefox는 거의 읽을 수 없는 어두운 회색 배경에 입력 및 텍스트 영역을 검정색 텍스트로 표시합니다.

이는 대부분의 사이트에서 잘 작동하지만 일부 사이트는 여전히 이전과 같이 나타납니다(회색 배경에 검정색 텍스트). 예를 들어이 웹사이트.

dom inspector요소가 유형인지 설치 하고 확인했습니다 input. 그런데 이 사이트는 왜 내 CSS 설정을 무시하는 걸까요?

하위 질문:

이러한 구성 옵션을 설명하는 문서/설명서가 있습니까? 즉, 키워드가 인지 background-color아닌지 어떻게 알 수 있나요 background? 또한 input및 외에 무엇을 구성할 수 있나요 textarea?

답변1

문제는 입력 상자가 CSS 스타일시트가 아닌 기본적으로 운영 체제에 의해 렌더링된다는 것입니다. 이라는 Gecko 관련 비표준 CSS 속성을 통해 이를 비활성화할 수 있습니다 -moz-appearance. 다음과 같이 사용하세요:

input, textarea {
  color:#000  !important;
  background-color: rgb(255, 255, 255) !important;
  -moz-appearance: none !important;
}

이제 모든 입력 상자가 CSS로 렌더링됩니다.

하위 질문:

이러한 구성 옵션을 설명하는 문서/설명서가 있습니까?

입력 및 텍스트 영역 외에 무엇을 구성할 수 있나요?

모든 것userChrome.css, 원하는 경우 사용자 인터페이스의 모양을 사용자 정의할 수 있는 (동일 폴더에)라는 다른 파일이 있습니다 .

키워드가 인지 background-color아닌지 어떻게 알 수 있나요 background?

  • background-color: 요소의 배경색을 설정합니다. 예:

    background-color:red;
background-color:#0000FF;
background-color:rgb(255,0,255);

  • background: 하나의 명령문으로 모든 배경 속성을 설정합니다. 예:

    background: #FF0000 url('blah.jpg') no-repeat fixed center;

관련 정보