css修改html元素属性title的默认样式

通过css修改title属性默认样式,

<div data-title="标题" class="tip">我是一个测试</div> 
.tip{
    position: relative;
}
.tip:hover:after {
    position:absolute;
    top:20px;
    left:0;
    content:attr(data-title);
    //在这里设内置好title出现的位容置就好了
    color:#000000;
    border:1px solid #242424;
    border-radius:5px ;
    background-color:#E5E5E5;
}
//对比:
<div title="标题" >我是一个测试</div> 

通过该方法可以修改样式,但是位置是固定的,建议还是通过组件实现。
转自https://blog.csdn.net/weixin_38355349/article/details/105539538

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容