使用正確的CSS屬性在工具提示的右邊添加箭頭。

您可以嘗試運行以下代碼以在左側添加帶有箭頭的工具提示

示例html>

.mytooltip?.mytext?{

visibility:?hidden;

width:?140px;

background-color:?blue;

color:?#fff;

z-index:?1;

top:?-5px;

left:?110%;

text-align:?center;

border-radius:?6px;

padding:?5px?0;

position:?absolute;

}

.mytooltip?{

position:?relative;

display:?inline-block;

margin-left:?50px;

}

.mytooltip?.mytext:after?{

content:?"";

position:?absolute;

top:?50%;

right:?100%;

margin-top:?-5px;

border-width:?6px;

border-style:?solid;

border-color:?transparent?blue?transparent?transparent;

}

.mytooltip:hover?.mytext?{

visibility:?visible;

}

Keep?mouse?cursor?over?me

?My?Tooltip?text

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的css 向左白色箭头,带CSS的工具提示左侧的箭头的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。