Triangle inside textBox

For opening a pop-up rlated to the

by greatCar

HTML

<div class="notes">
  <input type="text">
</div>  


https://stackoverflow.com/questions/14499048/how-to-add-triangle-in-table-cell/14499545#14499545

https://stackoverflow.com/questions/43138892/how-to-add-triangle-to-inputtype-text

https://css-tricks.com/snippets/css/css-triangle/

CSS

.notes {
    position: absolute;

}
.notes:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 0; 
    display: block;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top: 20px solid #f00;
}