小编Dra*_*gut的帖子

我正在尝试禁用特定链接并应用光标样式,但此CSS命令cursor: text;不会生效.光标始终是默认的.我正在使用最新的Firefox版本.

CSS:

pointer-events: none !important;
cursor: text;
color: Blue;

您好，我如何从左到右添加伪元素渐变效果。我想：

.divider p:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 25%;
    z-index: -1;
    border-top: 1px solid #666666;
}

HTML

<div class="divider">
 <p><span>Featured</span></p>

 </div><!-- end of divider -->

上面的代码画了一条清晰的线，但我想创建这样的东西：

我的整个代码是：

.divider {
color: #666666;
}
.divider p span {
margin:0;padding: 0 10px;
background: #FFFFFF;
display: inline-block;
}
.divider p {
padding-left: 20px;
position: relative;
z-index: 2;   
}
.divider p:after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 25%;
z-index: -1;
border-top: 1px solid #666666;
}

我正在尝试使用CSS绘制一条线并在该线的中间显示文本/图像.

.featured-images {
  color: #666666;
  border: 2px solid #333333;
}

<p class="featured-images">Featured</p>

这就是我想要做的:

和