通过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