Изменение размера и стилизация кнопки Google Cast <google-cast-launcher>

Question

У меня есть простая страница, где я загружаю Cast Application Framework:

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

Эта страница соответствует примеру для стандартной кнопки приведения :

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

По умолчанию эта кнопка огромна и занимает все пространство на странице.Итак, я пытаюсь изменить размер с помощью CSS:

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

Это не имеет никакого эффекта.Также не устанавливается явное height и width.

Документация не помогает:

Вы можете применить любой дополнительный стиль, такой как размер или расположение, к элементу какнеобходимо.

Как мне стиль этой кнопки?

Answer 1

Это прекрасно работает для меня.Пожалуйста, смотрите ниже, спасибо.

google-cast-launcher {

float: right;

поле: 10px 6px 14px 0px;

ширина: 40px;

высота: 32 пикселя;

непрозрачность: 0,7;

цвет фона: # 000;

рамка: нет;

контур: нет;

}

google-cast-launcher: hover {

- отключенный цвет: белый;

- подключенный цвет: белый;

}

Answer 2

По умолчанию для элемента установлено значение display: inline - для них нет доступных атрибутов width или height. Установите display: inline-block или display: block.