将箭头添加到自定义验证div

Question

这是我的代码:: http://prntscr.com/8cfvmi。

我需要添加这样的箭头到我的div：http://prntscr.com/8cfwok如何添加这样的箭头到我的div？

JS Fiddle

.user-validation-error{ 
display:none; 
font-size:13px; 
border: 1px solid red; 
position:absolute; 
z-index:99; 
border-radius: 2px; 
background-color:#d9534f; 
color:white; 
right: 65px; 
top: 75px; 
height: 25px; 
padding: 2px; 
} 

Answer 1

常见的 “伎俩” 是使用伪元素::after和CSS ::before。

您可以使用本网站节省很多时间：http://cssarrowplease.com/