저는 Leafletjs를 사용하여지도를 만들고 있는데, 현재 흰색과 다른 색상의 팝업 (배경 이미지 및 링크)의 배경색을 변경하고 싶습니다. 그것은 기본적인 배경색 CSS 구문은 그것을 잘라 않을 것 같다. 어떤 충고? 감사합니다, -Scott전단지 팝업의 배경색을 변경하려면 어떻게해야합니까?
2
A
답변
4
leaflet.css를 호출 한 후 다음 규칙을 사용하여 <style>
태그를 포함하면 팝업 및 팝업 팁의 색상을 변경할 수 있습니다.
.leaflet-popup-content-wrapper { background-color: #000 }
는 여기에 내가 리플릿의 홈페이지에 팝업의 background-color
을 편집 한 후 내가 찍은 스크린 샷입니다. 더 이상의 질문이 있으면 알려주세요. 건배.
3
열기 leaflet.css 및 검색 :
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: rgb(111, 51, 51);
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
그런 다음 당신이 원하는 색으로 배경 값을 변경합니다.
+1
감사! 두 가지 해결책이 모두 효과가 있다고 생각합니다. – Scott
관련 문제
- 1. 배경색을 변경하려면 어떻게해야합니까?
- 2. 전단지 - 팝업의 앵커 태그가 있습니까?
- 3. 전단지 API를 사용하여지도의 위치 센터를 변경하려면 어떻게해야합니까?
- 4. RTF 문서에서 특정 문자의 배경색을 변경하려면 어떻게해야합니까?
- 5. UIPageViewController에서 관리하는보기 컨트롤러의 배경색을 변경하려면 어떻게해야합니까?
- 6. 이클립스에서 조건부 매크로의 배경색을 변경하려면 어떻게해야합니까?
- 7. Android Studio 편집기의 배경색을 변경하려면 어떻게해야합니까?
- 8. 키를 누를 때 버튼의 배경색을 변경하려면 어떻게해야합니까?
- 9. DevExpress GridView에서 행의 배경색을 변경하려면 어떻게해야합니까?
- 10. AMP : amp-accordion 헤더의 배경색을 변경하려면 어떻게해야합니까?
- 11. reStructuredText에서 표 셀의 배경색을 변경하려면 어떻게해야합니까?
- 12. MFC : 전체 editBox의 배경색을 변경하려면 어떻게해야합니까?
- 13. NSForm에서 개별 셀 배경색을 변경하려면 어떻게해야합니까?
- 14. 배경색을 변경하려면 div에 클래스를 추가하려면 어떻게해야합니까?
- 15. JButton을 사용하여 JPanel의 배경색을 변경하려면 어떻게해야합니까?
- 16. GDI +를 사용하여 이미지의 배경색을 변경하려면 어떻게해야합니까?
- 17. Windows의 GTK에서 전체 앱의 배경색을 변경하려면 어떻게해야합니까?
- 18. Windows Phone에서 선택한 항목의 배경색을 변경하려면 어떻게해야합니까?
- 19. iOS 7 이상에서 UIBarButtonItem의 배경색을 변경하려면 어떻게해야합니까?
- 20. 루프가 배경색을 변경하려면
- 21. TD를 jquery에 대한 배경색을 변경하려면
- 22. Chrome에서 주소창의 배경색을 변경하려면 어떻게해야하나요?
- 23. 조건부 문을 기반으로 gridview 셀의 배경색을 변경하려면 어떻게해야합니까?
- 24. UIPageControl의 배경색을 페이지 스 와이프와 함께 변경하려면 어떻게해야합니까?
- 25. CSS bgcolor를 사용하여 텍스트 뷰의 배경색을 변경하려면 어떻게해야합니까?
- 26. WinForms 폼의 단추를 클릭하여 WPF 폼의 레이블 배경색을 변경하려면 어떻게해야합니까?
- 27. Windows 저장 앱에서 내 설정 플라이 아웃의 배경색을 변경하려면 어떻게해야합니까?
- 28. Android 레이아웃 스타일에서 상속 된 스타일의 배경색을 변경하려면 어떻게해야합니까?
- 29. ListView에서 특정 행의 배경색을 올바르게 변경하려면 어떻게해야합니까? (안드로이드)
- 30. 각 항목에 표시되는 데이터를 기반으로 목록 항목의 배경색을 변경하려면 어떻게해야합니까?
우수! 고맙습니다. – Scott