將箭頭添加到自定義驗證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/