부트 스트랩 5 스위치에서 노브 색상을 변경하는 방법
abw1904
그래서 내 색상 테마에 맞게 노브 색상을 변경하고 싶습니다. 그러나 bootstrap.css를 열면 그에 대한 참조를 찾을 수 없습니다. 테두리와 그림자는 변경할 수 있지만 손잡이는 변경할 수 없습니다. 내가 찾을 수있는 유일한 참조는 다음과 같은 svg 파일이있는 배경 이미지입니다.
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
그러나 나는 그것을 바꾸는 방법을 모른다. 전체 스위치를 만들지 않고 이것을 변경할 수 있습니까? 도움을 주셔서 감사합니다.
* 이미지는 변경하고 싶은 내용과 변경 한 내용에 대한 참고 용입니다.
짐
fill색상을 올바르게 변경하면 작동 합니다.
즉, #문자에 대해 적절한 이스케이프 % 23과 함께 16 진수 색상을 사용할 수 있습니다 .
예를 들면 : #cc2222
fill='%23cc2222'/%3e%3c/svg%3e"
또는 이름이 지정된 색상을 사용할 수 있습니다.
예를 들면 : red
fill='red'/%3e%3c/svg%3e"
또는 괄호 (% 28, % 29)에 적절한 이스케이프와 함께 RGB 색상을 사용할 수 있습니다.
예를 들면 : rgba(100, 0, 0, .25)
fill='rgba%28100, 0, 0, 0.25%29'/%3e%3c/svg%3e"
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
부트 스트랩 선택 색상을 변경하는 방법
- 2
부트 스트랩 아이콘 색상을 노란색으로 변경하는 방법은 무엇입니까?
- 3
부트 스트랩의 페이지 매김 색상을 변경하는 방법
- 4
부트 스트랩에서 열을 변경하는 방법
- 5
부트 스트랩에서 카드 배경색을 변경하는 방법
- 6
jquery에서 부트 스트랩 글 리피 콘 색상을 변경하는 방법
- 7
부트 스트랩 열의 배경색을 변경하는 방법
- 8
탐색 모음 색상을 변경하는 부트 스트랩
- 9
부트 스트랩 HTML에서 이미지 위치를 변경하는 방법
- 10
MD 부트 스트랩의 입력 구성 요소의 밑줄 색상을 변경하는 방법
- 11
부트 스트랩의 웰 색상을 변경하는 방법은 무엇입니까?
- 12
위치를 지정하는 방법을 부트 스트랩?
- 13
select2 상자 높이를 변경하는 방법 (부트 스트랩)
- 14
select2 상자 높이를 변경하는 방법 (부트 스트랩)
- 15
Android의 ListView 행에서 클릭 한 위치의 이미지 및 텍스트 색상을 변경하는 방법
- 16
내 부트 스트랩 datetimepicker의 날짜 형식을 변경하는 방법
- 17
페이지 매김으로 부트 스트랩 탭을 변경하는 방법
- 18
최상위 부트 스트랩 탐색 모음 항목이 URL을 변경하지 못하도록 방지하는 방법
- 19
열린 부트 스트랩 드롭 다운 목록의 배경색을 변경하는 방법
- 20
$ value에 따라 텍스트 색상을 변경하는 방법
- 21
텍스트 위젯 (Python)에서 하위 텍스트의 색상을 변경하는 방법
- 22
배경색을 변경하는 부트 스트랩
- 23
파일 텍스트 선택 부트 스트랩 5 변경 방법
- 24
vue에서 부트 스트랩을 사용하는 방법
- 25
PhpStorm에서 부트 스트랩을 사용하는 방법?
- 26
루프에서 부트 스트랩을 사용하는 방법?
- 27
장고에서 부트 스트랩을 설정하는 방법
- 28
iOS에서 UIPickerView 텍스트 색상을 흰색으로 변경하는 방법
- 29
특정 해상도에서 부트 스트랩 탐색을 축소하는 방법은 무엇입니까?
몇 마디 만하겠습니다