11得票6回答
仅使用CSS设置输入占位符

我知道关于这个查询有很多问题,但是没有一个能为我提供解决方案。 HTML <input id="tb1" type="text" class="note" /> <br> <p class="note1"> This is not done.<...

166得票5回答
同一个元素可以有多个:before伪元素吗?

一个元素是否可以拥有多个相同的 :before 伪元素?.circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; ...

14得票3回答
你能否给:before/:after伪元素(content:url(image))应用宽度?

这是我最近提出的问题的补充: 是否可以使用伪元素使包含元素环绕绝对定位元素(例如clearfix)? JSFiddle链接:http://jsfiddle.net/derekmx271/T7A7M/ 我正在尝试使用伪元素来“清除”绝对定位的图片。我已经成功让相同的图片在幻灯片后显示,但似乎...

51得票5回答
CSS数据属性换行符和伪元素内容值

在数据属性中是否可以换行? 我试图做这样的事情: CSS:[data-foo]:after { content: attr(data-foo); background-color: black; } 超文本标记语言<div data-foo="First line \...

32得票3回答
为什么在 ::after 伪元素上需要一个空的 `content` 属性?

我从之前问过的一个问题中得到了http://jsfiddle.net/8p2Wx/2/,我看到了这些代码:.cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } 如果...

7得票3回答
使用:after和:hover的方法

如何仅在使用 :hover 时显示伪元素 :after?例如使用替代元素。 #parent{} #child{display:none;} #parent:hover >#child{display:block;} 就我用同样的方法所得到的结果: #parent{} #paren...

20得票2回答
在同一句话中使用Css Content、Attr和Url

我长期以来一直使用内容属性,今天我想尝试一些新的东西。我想知道是否可以使用CSS动态地显示图片工具提示,而不是使用JS。 所以我尝试了:.TableLine:hover:after{ content: url("../Img/Photo/"attr(id)".jpg"); } attr...

19得票1回答
CSS中的`content`属性在WebKit中如何作用于`img`元素?

很久以前,CSS3生成内容规范的草案允许对于任何HTML元素都可以使用content属性(不仅限于::before/::after伪元素),没有对空元素或替换元素做出任何正式的限制。它曾一度被Opera Presto(1, 2)和至少在某种程度上被WebKit(3)支持。到2011年底,Web...

7得票5回答
CSS中的内容属性

在一些模板中,我看到使用CSS创建的箭头,类似于这样: div:after{ content:"\f107"; } 这段代码可以显示一个箭头,如下图所示: 这是什么代码?我在哪里可以找到更多的代码呢?

10得票4回答
CSS内容的Div,after伪元素不可见

我有一个需要完成的POC,只被允许使用CSS来更新产品的样式。我已经通过使用CSS content属性将产品的其中一张图片替换为了一个标志。我必须在这个标志后添加一个简单的带电话号码的字符串。我尝试使用 :after 伪元素来实现这个目标。但是只有当div的内容为空(标志被删除)时,它才有效。...