问题标签 [css-content]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
9 回答
472473 浏览

html - 使用 CSS 内容添加 HTML 实体

如何使用CSS content属性添加HTML实体?

使用这样的东西只是打印 到屏幕而不是不间断的空间:

0 投票
2 回答
774 浏览

css - 无法在 Safari 4 中获取“内容”的 css 属性

我很难弄清楚为什么 Firefox3.1 在测试元素上返回“内容”的值,而 Safari 4 不会。

我的示例页面设置如下:

我的 JS 正在使用 getComputedStyle。这适用于“背景颜色”等其他属性,但不适用于“内容”:

Safari 是否对伪元素选择器 :before 和 :after 有更多限制?我用 :after 进行了测试,但也失败了,而 FF 成功返回了数据。

0 投票
5 回答
49862 浏览

css - 如何让 IE8 接受 CSS :before 标签?

我有以下 CSS 代码

这与以下标记结合使用:

在世界上所有其他有福的浏览器中,我的图标都出现了,但 IE8 似乎对此有问题。:before伪元素不是CSS2吗?不content:也是一个CSS2命令吗?是什么赋予了?

0 投票
22 回答
589292 浏览

html - 我可以在输入字段上使用 :before 或 :after 伪元素吗?

我正在尝试:after在字段上使用 CSS 伪元素input,但它不起作用。如果我将它与 a 一起使用span,它可以正常工作。

这有效(将笑脸放在“buu!”和“更多”之前)

这不起作用 - 它仅将 someValue 着色为红色,但没有笑脸。

我究竟做错了什么?我应该使用另一个伪选择器吗?

注意:我不能span在 my 周围添加 a input,因为它是由第三方控件生成的。

0 投票
10 回答
43160 浏览

css - 颜色“透明”不起作用

我的 IE 有问题(还有什么问题?):

我用 CSS 生成内容,它也有一个背景图像。我看起来像这样:

文本颜色在非 IE 浏览器中是透明的,但在所有 IE 浏览器 (IE6-IE8) 中它是黑色的,您可以看到它。如何使文本透明/不可见?

我已经尝试过:可见性 - 不透明度 - 过滤器 - 文本缩进......但他的工作没有做对,要么它消失(我需要它的背景),要么属性不适用。

0 投票
10 回答
166674 浏览

css - 垂直对齐 CSS :before 和 :after 内容

我正在尝试将链接与图像居中,但似乎无法以任何方式垂直移动内容。

图标为 22 x 22 像素

0 投票
5 回答
208729 浏览

html - CSS 内容属性:是否可以插入 HTML 而不是文本?

只是想知道是否有可能以某种方式使 CSScontent属性插入 html 代码而不是字符串:before:after类似的元素:

这将非常方便...可以通过 Javascript 完成,但使用 css 确实会让生活更轻松 :)

0 投票
3 回答
51822 浏览

css - CSS:在对内容中的字符进行编码之后

我正在使用以下 CSS,它似乎正在工作:

然而,字符似乎不能像这样编码,因为输出是文字并显示实际字符串:

如果我不能对其进行编码,我感觉我应该在 jQuery 中使用诸如 .append() 之类的东西,因为它支持编码。有任何想法吗?

0 投票
3 回答
1945 浏览

css - css2/css3 中“content:”属性的各种可能用途

我正在尝试查找一些关于 content:css 中属性的各种可能用途的最新信息,但只能在 2004 年左右的网络古人地牢中找到东西,所以我想我必须在 2011 年再次问这个问题:

我对:before选择器和content:属性都很陌生,并且偶然听说过这个问题,一位可爱的女士非常有创意地回答了这个问题:

如何在不使用任何图像或跨度标签的情况下通过 CSS 在 UL/LI html 列表中设置项目符号颜色

才发现内容的实际编码可能会出现一些问题:

li:before{ content: "■"; } 如何将此特殊字符编码为电子邮件信纸中的 Bullit?

所以我的具体问题是:除了url()"text",还有其他可能性吗?
非常感谢您的建议和想法。

0 投票
2 回答
218 浏览

css - 有什么方法可以修复 Chrome 中的 CSS3 内容属性闪烁?

我创建了一个使用这种样式的页面:

大多数时候,li除了最后一个元素之外,我希望在元素之前添加一个“/”。

问题是在 Chrome 中(仅据我所知),我有时会看到“/”的一点点闪烁,即使它不应该存在。它出现片刻然后消失。

其他人看到过这个或解决过它吗?