百度地圖InfoWindow彈窗圓角


效果如下

使用CSS樣式

        /*地圖標題*/

        .BMap_pop div:nth-child(1) div {
            border-radius: 8px 0 0 0;
        }

        .BMap_pop div:nth-child(3) {
            border-radius: 0 9px 0 0;
            border-top: 1px solid #ababab;
            border-right: 1px solid #ababab;
            border-left: 1px solid white;
            width: 23px !important;
            height: 24px !important;
            background-color: white;
        }

        .BMap_pop div:nth-child(3) div {
            display: none;
        }

        .BMap_pop div:nth-child(5) div {
            border-radius: 0 0 0 8px;
        }

        .BMap_pop div:nth-child(7) {
            border-radius: 0 0 9px 0;
            border-right: 1px solid #ababab;
            border-bottom: 1px solid #ababab;
            border-left: 1px solid white;
            width: 23px !important;
            height: 24px !important;
            background-color: white;
        }

        .BMap_pop div:nth-child(7) div {
            display: none;
        }

注意事項

  經本人測試,在win10 系統下,兼容谷歌/360極速/IE11/火狐 瀏覽器。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM