自定义HTML元素并在CSS中使用它们

时间:2015-04-09 07:40:15

标签: html css

是否可以在<g></g>等html中使用自定义标签对文字进行分组?然后,我想通过CSS将样式应用于这些自定义标签,这些标签与圆角矩形和蓝色文本的小提琴相同。

所有这一切需要的原因是因为我在小提琴中设置它的第一种方式是使用生成的内容 - 这不是DOM的一部分,因此无法突出显示/选择蓝色文本以便您可以复制/粘贴它。

我想出的解决方案是使生成的内容不生成,而只是通过分隔符区分标记和实际内容,在本例中为|字符。

所以我需要一种方法来生成与原始输出相同的输出,但是使用新语法,这样文本就可以复制。

http://jsfiddle.net/xa3apsdc/20/

1 个答案:

答案 0 :(得分:2)

改为<span class="g"></span>并解决问题。

在自定义标签上,较旧的浏览器无法支持它,但您可以将其作为其他不受支持的标签(例如画布)处理,因此如果您真的需要它,您可以执行此操作:http://jsfiddle.net/xa3apsdc/22/

无论如何,你会遇到一些问题:custom tags not working in ie8

关键是将display规则设置为元素:display:block;display:inline-block,然后您就可以了。