问题标签 [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 投票
2 回答
14249 浏览

css - 是否可以在伪元素之前/之后设置 iframe 样式?

正如标题所说,有没有办法设置 iframe 伪before/的样式after?没有用另一个包裹 iframe div,否则?

我尝试像任何其他元素一样设置它的样式,但没有成功:

http://fiddle.jshell.net/ppRqm/

更新

一个已知的解决方法是将之前/之后添加到源文件中的元素:http: //fiddle.jshell.net/ppRqm/2/

但有时您无法访问源文件。

0 投票
1 回答
28598 浏览

css - CSS 伪元素计数器:你可以增加字母“a”、“b”、“c”等而不是数字吗?

如此处定义:

http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment

您可以使用如下代码来增加伪元素中的数字。

有没有一种方法可以使用相同的代码来增加“a”、“b”、“c”等字母?

谢谢!

0 投票
5 回答
12974 浏览

css - 为什么 :before 和 :after 伪元素需要 'content' 属性?

鉴于以下场景,为什么:after选择器需要内容属性才能起作用?

请注意,在指定 content 属性之前,您是看不到伪元素的:

为什么这是预期的功能?您会认为显示块会强制元素显示。奇怪的是,您实际上可以在 Web 调试器中看到样式;但是,它们不会显示在页面上。

0 投票
1 回答
2371 浏览

css - Safari 显示 :after 伪元素就像是 :before

Safari 正在显示我的:after伪元素,好像是:before

Chrome 显示正确,但 Safari 不正确。

除了最后一个之外,它应该在导航上的每个链接之后放置一个正斜杠,但 Safari 将它们放在每个链接之前。

的CSS:

0 投票
1 回答
89 浏览

css - 在元素上使用 :before 时,它​​会成为所述元素的第一个子元素吗?

我一直在 CSS 中使用 :before 来表示将内容放在选择器之前。我从来没有遇到过任何问题,但是,我偶然发现了一些让我感到困惑的事情,选择器的 :before 是附加元素内部而不是在它之前。我不明白为什么会这样。

这是一个小提琴:http: //jsfiddle.net/vMtct/1/

这是基本代码:

0 投票
2 回答
84 浏览

javascript - jquery根据之前的内容删除

是否可以编写一个 JQuery 函数来删除具有特定内容的所有:before内容。

这是一个示例语句,可以通过代码向您展示一些内容:

删除文档中具有设置为的:before伪元素的所有元素content"delete me"

0 投票
0 回答
2357 浏览

css - CSS将元素的内容设置为图像

我有以下课程,它适用于除 Firefox for PC 之外的所有主要浏览器。具体来说,问题在于content存在于常规元素上——Ffx 似乎不喜欢它出现在除了伪元素::before::after伪元素之外的任何东西上。麻烦的是,::after不继承其基本元素的大小。

html

css

我不想设置高度——我希望高度与宽度成比例(由col-#bootstrap v3 确定)。

我不想使用一堆图像标签,因为这意味着更新将需要一堆编辑(而不是 css 的一个中央编辑)。

相关的 SO 问题:我可以在 CSS :before/:after 伪元素中更改图像的高度吗?

JS小提琴

编辑我希望图像是基本元素的宽度(跨度)的 100%,并且图像的高度按比例缩放。

0 投票
1 回答
1549 浏览

html - 无法在 :after 使用的伪元素上设置字体粗细元素

所以,我在输入元素上有一个自定义样式,我想在输入上放置一些文本,使用:after.

我遇到的问题是我似乎无法更改:after元素的字体粗细,这个问题只发生在input:after元素的组合中。

CSS

JSFIDDLE

http://jsfiddle.net/xQVfL/1/

经测试

Mac 版 Chrome(最新)

问题

为什么我不能在:after元素上设置的input元素上设置字体粗细?

0 投票
1 回答
2095 浏览

html - li::在不使用 IE9 之前

我有一个实用程序导航设置为无序列表,我想使用 li::before 插入管道“|” 实用程序导航中每个链接之间的符号。

这是我的实用导航...

这是我的风格。

管道在 Chrome 和 Safari 中显示得很好,但在 IE9 中不显示。事实上 IE9 忽略了 enter.horizontalnavlinks li + li::before风格。

我读到的所有内容都说 IE 支持伪样式。是什么赋予了?

0 投票
6 回答
63138 浏览

html - 仅使用 CSS 输入占位符

我知道这里有很多关于这个查询的问题,但没有一个为我提供解决方案。

HTML

CSS

我正在尝试使用上面的代码和在网上找到的变体,但似乎没有一个适用于输入标签。它适用于 p 标签。

编辑:我无法将 value 属性添加到输入标签并管理 css 以获得所需的结果。这是系统的限制。

EDIT2:忘记我的css,有没有什么方法可以在不使用占位符属性的情况下使用占位符文本,而只需使用普通的cssinput type="text"