.cesium-viewer-toolbar定义样式不生效

在Cesium中，`.cesium-viewer-toolbar`是用于定义Cesium Viewer中工具栏样式的类名。如果你想要修改工具栏的样式，可以按照以下步骤进行：

1. 确认你的CSS样式文件被正确引入到Cesium Viewer中。在浏览器的开发者工具中的Elements面板中检查是否已经加载了你的CSS文件。

2. 确认你的CSS样式选择器是否正确。`.cesium-viewer-toolbar`应该可以覆盖工具栏中的所有元素。你可以使用浏览器的开发者工具中的Elements面板来检查样式是否被正确地应用。

3. 如果你的样式没有生效，可能是因为Cesium Viewer中的样式优先级比你的样式高。你可以尝试增加你的样式的优先级，例如使用更具体的选择器，或者使用`!important`来强制应用样式。

下面是一个例子，展示如何使用自定义样式来修改Cesium Viewer中的工具栏：

.my-toolbar {
  background-color: #333;
  color: #fff;
}

.my-toolbar button {
  background-color: #222;
  color: #fff;
}

.my-toolbar button:hover {
  background-color: #444;
}

<!-- 在Cesium Viewer中添加一个自定义的工具栏 -->
<div class="cesium-viewer-toolbar my-toolbar">
  <button>Button 1</button>
  <button>Button 2</button>
  <button>Button 3</button>
</div>

在上面的例子中，我们使用`.my-toolbar`选择器来覆盖`.cesium-viewer-toolbar`样式，并使用更具体的选择器`.my-toolbar button`来修改按钮的样式。