jquery - 根据自定义元素的宽度/高度样式重新调整影子 DOM 元素的大小

Question

我正在尝试为自定义元素编写 JavaScript，以便当将宽度/高度样式应用于自定义元素时，自定义元素的影子 DOM 元素将适当调整大小以适合自定义元素的边框。

我知道 jQuery 提供了 $(element).height() 来获取和设置 height 属性。我可以使用 this.$ 并允许 JQuery 选择影子 DOM。但是如何从 polymer 元素脚本部分中选择自定义元素本身？

谢谢

Answer 1

了解了 polymer 团队如何构建纸质按钮以及如何根据按钮的长度自动调整背景动画的大小。我发现 CSS 能够通过使用关键字 inherit 从其父级继承样式属性。

就我而言

<style>
  img{ width: inherit;}
</style>

允许我通常通过 css 正确定义自定义按钮的大小

custom-button{
   width: 10px;
}

而不是诉诸使用 ::shadow 伪元素

看来我真的需要温习我的 CSS 了。