zoukankan      html  css  js  c++  java
  • 百度地图infoWindow圆角处理

    最近的一个项目用到了百度地图API里边的infoWindow弹框,但是百度自带的infoWindow弹框是个直角的矩形框,显示过于难看,于是有了将该框改为圆角的想法,但是API本身不支持样式的设置,所以我最终选择在弄清页面生成的弹框html元素后,自己来给他们定义css,以达到圆角效果,如下是我的css样式

    复制代码
    /*地图标题*/
        .anchorBL{
            display:none;
        }
        .BMap_bubble_title{
            color:black;
            font-size:13px;
            font-weight: bold;
            text-align:left;
        }
        .BMap_pop div:nth-child(1){
            border-radius:7px 0 0 0;
        }
        .BMap_pop div:nth-child(3){
            border-radius:0 7px 0 0;background:#ABABAB;;
            /*background: #ABABAB;*/
            23px;
            0px;height;0px;
        }
        .BMap_pop div:nth-child(3) div{
            border-radius:7px;
        }
        .BMap_pop div:nth-child(5){
            border-radius:0 0 0 7px;
        }
        .BMap_pop div:nth-child(5) div{
            border-radius:7px;
        }
        .BMap_pop div:nth-child(7){
            border-radius:0 0 7px 0 ;
        }
        .BMap_pop div:nth-child div(7){
            border-radius:7px ;
        }
    复制代码

     
     
     
  • 相关阅读:
    Python 三级菜单
    linux 下按文件类型删除
    linux 做内网端口映射
    ss
    fio
    libXtst.so.6 is needed by teamviewer-12.0.76279-0.i686
    copy 浅复制 与深复制
    Git 使用方法
    关于 爬虫使用 urllib.urlopen 提交默认 User-Agent值
    Python 官方模块文档
  • 原文地址:https://www.cnblogs.com/telwanggs/p/9335651.html
Copyright © 2011-2022 走看看