从BootStrap标记输入中删除箭头

Question

如何删除箭头中出现的标签输入，如图所示

演示：https://colorlib.com/polygon/gentelella/form.html

Answer 1

通过在浏览器上使用检查器/开发人员控制台，您可以看到箭头是通过以下方式生成的：

.tag:after {
  content: " ";
  height: 30px;
  width: 0;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  pointer-events: none;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 11px solid #1ABB9C
}

Inspector声称，这是custom.min.css从第2,922行开始的一部分。

这个箭头可能应该直接与实际标签相邻，但看起来关键元素中缺少position:relative以及在整个CSS中重新定义.tag的其他方面。

Answer 2

我在其他页面here上看到，每日活跃用户'.tag'的箭头一直困扰着你。

我建议您扩展.tag类并添加箭头的伪代码

ul{
   &.timeline{
       li{
          .tag{
              @extend .tag;
              &:after{
                  /* add code for arrow here */
              }
          }
       } 
   }
}

或

只需选择一个特定的父母来隐藏标记：

.tagsinput .tag:after {
    display: none;
}