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

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

我知道jQuery提供$(element).height()了get并还可以设置height属性。我能够使用this.$并允许JQuery选择影子DOM。但是,如何从聚合物元素脚本部分中选择自定义元素本身?

谢谢

在研究了聚合物团队如何构建纸质按钮以及如何能够根据按钮的长度自动调整背景动画大小之后。我发现CSS可以通过使用关键字从其父项继承样式属性inherit

就我而言

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

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

custom-button{
   width: 10px;
}

而不是使用::shadow伪元素

看起来我真的需要复习CSS。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery UI调整大小自定义句柄,而不是调整大小元素的子元素

来自分类Dev

如何从元素内部设置自定义元素标签的样式?

来自分类Dev

AngularJS根据父元素宽度调整宽度

来自分类Dev

如何观看img元素的ngSrc并在我的自定义指令中获取新的宽度和高度?

来自分类Dev

根据所选OPTION的宽度自动调整SELECT元素的大小

来自分类Dev

如何在聚合物自定义元素中呈现阴影DOM

来自分类Dev

如何在Android中自定义UI大小元素

来自分类Dev

带有HTML导入的Polymer自定义元素样式

来自分类Dev

JavaScript调整大小并加载,根据窗口宽度移动元素

来自分类Dev

样式自定义HTML元素

来自分类Dev

根据浏览器窗口的宽度和高度调整div样式的大小-jQuery

来自分类Dev

使元素的宽度与动态调整大小的图像相同?

来自分类Dev

子元素的字体大小会根据父元素的高度动态调整

来自分类Dev

反应响应高度/宽度样式的本机自定义iOS视图

来自分类Dev

自定义HTML元素是否继承父CSS样式?

来自分类Dev

没有阴影DOM的自定义元素:获取元素的最佳方法

来自分类Dev

根据元素的大小动态调整GeometryReader的高度

来自分类Dev

根据值为listview自定义项元素着色

来自分类Dev

根据所选OPTION的宽度自动调整SELECT元素的大小

来自分类Dev

使用Polymer.dart从动态添加的自定义元素内部操作阴影DOM

来自分类Dev

Polymer自定义元素阴影DOM问题

来自分类Dev

DART lang中的自定义元素/阴影根与JavaScript中的阴影根

来自分类Dev

如何清除应用于元素的自定义样式?

来自分类Dev

JavaScript-创建自定义元素并应用标准样式

来自分类Dev

子元素的字体大小会根据父元素的高度动态调整

来自分类Dev

自定义HTML元素是否继承父CSS样式?

来自分类Dev

如何根据父级的高度/宽度变化来调整内部元素?

来自分类Dev

CKEditor:自定义样式的UL / LI元素

来自分类Dev

当父级更改其宽度/高度时调整画布元素的大小

Related 相关文章

  1. 1

    jQuery UI调整大小自定义句柄,而不是调整大小元素的子元素

  2. 2

    如何从元素内部设置自定义元素标签的样式?

  3. 3

    AngularJS根据父元素宽度调整宽度

  4. 4

    如何观看img元素的ngSrc并在我的自定义指令中获取新的宽度和高度?

  5. 5

    根据所选OPTION的宽度自动调整SELECT元素的大小

  6. 6

    如何在聚合物自定义元素中呈现阴影DOM

  7. 7

    如何在Android中自定义UI大小元素

  8. 8

    带有HTML导入的Polymer自定义元素样式

  9. 9

    JavaScript调整大小并加载,根据窗口宽度移动元素

  10. 10

    样式自定义HTML元素

  11. 11

    根据浏览器窗口的宽度和高度调整div样式的大小-jQuery

  12. 12

    使元素的宽度与动态调整大小的图像相同?

  13. 13

    子元素的字体大小会根据父元素的高度动态调整

  14. 14

    反应响应高度/宽度样式的本机自定义iOS视图

  15. 15

    自定义HTML元素是否继承父CSS样式?

  16. 16

    没有阴影DOM的自定义元素:获取元素的最佳方法

  17. 17

    根据元素的大小动态调整GeometryReader的高度

  18. 18

    根据值为listview自定义项元素着色

  19. 19

    根据所选OPTION的宽度自动调整SELECT元素的大小

  20. 20

    使用Polymer.dart从动态添加的自定义元素内部操作阴影DOM

  21. 21

    Polymer自定义元素阴影DOM问题

  22. 22

    DART lang中的自定义元素/阴影根与JavaScript中的阴影根

  23. 23

    如何清除应用于元素的自定义样式?

  24. 24

    JavaScript-创建自定义元素并应用标准样式

  25. 25

    子元素的字体大小会根据父元素的高度动态调整

  26. 26

    自定义HTML元素是否继承父CSS样式?

  27. 27

    如何根据父级的高度/宽度变化来调整内部元素?

  28. 28

    CKEditor:自定义样式的UL / LI元素

  29. 29

    当父级更改其宽度/高度时调整画布元素的大小

热门标签

归档