css中伪元素before或after中content的特殊用法attr

1.css 


li.volume .item
{
    position: relative;
    
}
li.volume .item:after
{
    content: attr(data-content);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #fff;
}


2. dom元素

<li class="volume">
    <label for="">Volume</label>
    <div class="item" data-content="手">
        <div class="input_box"><input type="text"></div>
    </div>
</li>

3.预览

发布了37 篇原创文章 · 获赞 21 · 访问量 11万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览