调整Google Cast按钮<google-cast-launcher>的大小和样式

Question

我有一个简单的页面，用于加载Cast应用程序框架：

<script src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>

此页面紧跟example for a standard cast button：

<google-cast-launcher></google-cast-launcher>

默认情况下，此按钮很大，并且会占用页面上的所有空间。因此，我尝试使用CSS调整大小：

google-cast-launcher {
  max-width: 2em;
}

这无效。设置显式height和width都没有。

该文档没有帮助：

  

您可以根据需要对元素应用任何其他样式，例如大小或位置。

如何设置此按钮的样式？

Answer 1

默认情况下，元素设置为display: inline-元素均不具有width或height属性。将其设置为display: inline-block或display: block。

Answer 2

这对我来说很好。请看下面，谢谢。

google-cast-launcher {

float：对；

边距：10px 6px 14px 0px;

宽度：40像素；

高度：32像素；

不透明度：0.7；

background-color：＃000;

边界：无；

概述：无；

}

google-cast-launcher：悬停{

-断开颜色：白色；

-connected-color：白色；

}