Css 我的箭头工具提示上似乎没有边框

我需要帮助将箭头变成白色，带有蓝色边框，如包含文本的框。我需要使用a标签内的标题作为内容，但可以随意编辑其他内容。我已设法将其添加到某个特定点，但似乎无法超越此点：

CSS

HTML

---

你不能这样做，箭头周围不能有边框。制作该箭头是一个可以使用css操纵：after和：before使其看起来像箭头的技巧，但是除非您想使用图像并将其放置在该位置，否则不能在其外部设置边框

请看我用您的代码制作的示例

outline: 2px solid #000;

大纲可以用于在实际边界之外创建边界，但它不会像您想要的那样

---

您所能做的最好是用一个完整的块来模拟箭头：

.toop:hover:before {
   content: "";
   width:10px;
   height:10px;
   background:white;
   border: 2px solid #2192ce;
   border-width:0 2px 2px 0;    
   transform:rotate(45deg);
   display: block;
   left: 30px; 
   bottom:35px;
   position: absolute;
   z-index: 99;
}

但在这种情况下，您无法处理不透明属性

检查这个

outline: 2px solid #000;

.toop:hover:before {
   content: "";
   width:10px;
   height:10px;
   background:white;
   border: 2px solid #2192ce;
   border-width:0 2px 2px 0;    
   transform:rotate(45deg);
   display: block;
   left: 30px; 
   bottom:35px;
   position: absolute;
   z-index: 99;
}