0

有谁知道如何完全匹配谷歌地图mapTypeControl按钮样式(关于 ui/css)?我找到了一个不错的教程,但按钮与默认的 google 样式不匹配。有没有一种简单的方法可以准确地获取当前的谷歌地图按钮样式,或者我是否必须手动尝试匹配current样式(在每个新版本中可能会有所不同,这会有点痛苦......你知道我的意思)。

4

1 回答 1

5

快速查看 Chrome 开发者控制台会发现以下内联样式(没有为任何按钮分配类或 id-s)。另请注意,此元素有一个空的无样式器浮动包装器,该包装器还包含按钮菜单(地形按钮)。

对于地图按钮:

direction: ltr; 
overflow: hidden; 
text-align: center; 
position: relative; 
color: rgb(0, 0, 0); 
font-family: Arial, sans-serif; 
-webkit-user-select: none; 
font-size: 13px; 
background-color: rgb(255, 255, 255); 
padding: 1px 6px; 
border: 1px solid rgb(113, 123, 135); 
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; 
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; 
font-weight: bold; min-width: 29px; 
background-position: initial initial; 
background-repeat: initial initial; 

对于 Satellite 按钮,唯一不同的样式是 font-weight

于 2012-10-15T15:42:13.110 回答