CSS内容属性:可以插入HTML而不是文本吗？
CSS内容属性:可以插入HTML而不是文本吗？
提问于 2010-12-22 08:01:13
我想知道是否有可能以某种方式使CSS content属性在:before或:after中插入html代码而不是字符串，元素如下：
.header:before{
content: '<a href="#top">Back</a>';
}这将是相当的handy...It可以通过Javascript完成，但使用css将使工作变得更容易:)
回答 2
Stack Overflow用户
发布于 2020-07-04 21:25:40
这是不可能，因为XSS太容易了。而且，目前可用的HTML杀菌器并不禁止content属性。
(这里肯定不是最好的答案，但我只是想分享一个见解，而不是“根据规范... ")
Stack Overflow用户
发布于 2022-02-17 00:20:31
如果您能够在页面上的其他位置添加HTML，则可以将其重新定位到CSS内容显示的区域上。
因此，您可以添加CSS内容：
.cssClass::after {
content: "Content and Words and Things";
color: #0000EE;
}我添加了蓝色的超链接，这样它看起来就像一个链接。
然后添加一个href，该href的标记之间没有可以引用的id或类的文本。它可以在任何地方，只要它在同一个页面上。
<a id="link" href="#"></a>然后将链接放在内容上所需的位置：
a#link{
height: 20px;
width: 100%;
left: 0;
top: 5%;
position: absolute;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4505093
复制相关文章
相似问题