0

mapTypeControlGoogleマップのボタンスタイル(ui/cssに関して)を正確に一致させる方法を知っている人はいますか? 素敵なチュートリアルを見つけましたが、ボタンがデフォルトの Google スタイルと一致しません。現在のGoogleマップボタンのスタイルを正確に取得する簡単な方法はありますか、それとも手動でスタイルを一致させようとする必要がありますかcurrent(新しいリリースごとに異なる可能性があり、これは面倒です...あなたは私の言いたいことを知っています) )。

4

1 に答える 1

5

Chrome 開発者コンソールをざっと見てみると、次のインライン スタイルが表示されます (どのボタンにもクラスや ID は割り当てられていません)。また、この要素には、ボタン メニュー (地形ボタン) も保持する空の no styler フローティング ラッパーがあることに注意してください。

マップ ボタンの場合:

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; 

サテライト ボタンの場合、異なるスタイルは font-weight だけです

于 2012-10-15T15:42:13.110 に答える