html - 带有自定义标签的 CSS 宽度

标签 html css custom-tags

我无法获得适用于我的自定义标签的宽度和高度属性,请参阅下面的代码: CSS

 x-slider
 {
    width: 1000px;
    height: 300px;
    border: 1px black solid;    
    background-color: #0000ff;
  }

HTML

<body><x-slider id="CoolPics" page="home"></x-slider></body>

Javascript

  var x = document.registerElement('x-slider', {
    prototype: Object.create(HTMLDivElement.prototype), extends: 'div'
});

我添加了 DIV 对象的扩展以查看它是否允许我指定高度,因为某些标签不允许高度。是否只有某些 css 属性适用于自定义标签?边框和背景颜色都出现了,我也尝试过更改为最小和最大高度。请限制对问题的回答,而不是关于您是否应该使用自定义标签的主观争论,这使得搜索这个问题的答案变得非常困难,每篇关于自定义标签的帖子都充满了这些回复。

最佳答案

display: blockdisplay: inline-block 添加到x-slider

关于html - 带有自定义标签的 CSS 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24854775/

相关文章:

javascript - jquery奇怪地解析自定义标签

javascript - 有没有办法制作包含其他标签的自定义 HTML 标签?

html - CSS3改变div样式

jquery - 实现交叉淡入淡出的图像效果

html - css 中的背景图像不起作用

javascript - 如何处理图像背景的加载状态?

java - 无法在 Java 中为自定义标记加载标记处理程序类

javascript - 元素背面没有鼠标事件

javascript - 尝试使用下拉选择更新 DOM

css - Bootstrap 3.0 将导航栏和 Logo 对齐到底部