Youtube 按钮高度

Question

我一直在尝试调整 YouTube 按钮的高度，使其与页面上其他社交媒体按钮的高度相匹配，但我似乎无法正常工作。看起来这应该相对容易。

这是网站：http://www.sunsetstudiosent.com，在索引页面的社交部分。

这是我目前正在运行的代码：

.nav--social__link.yt-button{
  height: 40px !important;
  overflow: visible;
  border-radius: 3px;
  width: 79px;
  margin-right: 4px;
}
.g-ytsubscribe{
  display: inline-block;
  vertical-align: middle !important;
  font-size: 1px;
  line-height: normal; font-size: 1px;
  text-indent: 0px; 
  padding: 0px; 
  background: transparent none repeat scroll 0% 0%; 
  border-style: none; 
}

Answer 1

您刚刚指定了<li> 的高度，但子元素的高度保持不变，iframe 中的样式也是如此。

您可以实现这一点，尽管它相当复杂。您需要将以下 css 添加到您的代码中。

li.nav--social__link.yt-button * {
    height: 40px !important;
}

然后，用js在iframe中插入另一行代码。

.yt-uix-button.yt-uix-button-subscribe-branded {
    height: 28px !important;
}