제거 화살표

Question

데모 여기에 그림과 같이 내가 화살표 태그 입력 frone에 표시 제거하는 방법

: 브라우저에서 관리자/개발자 콘솔을 사용하여 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 
} 

속성이 라인 2922에서 시작 custom.min.css의 일부 주장한다.

이 화살표는 실제로 실제 태그 바로 옆에 표시되어 있지만 의 다른 측면뿐만 아니라 CSS 전체에서 핵심 요소에는 position:relative이 누락되어있는 것으로 보입니다.

Answer 2

다른 페이지 here에는 일일 활성 사용자 '.tag'에 나를 괴롭히는 화살이 있다는 것을 알 수 있습니다.

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

:

나는 당신이 .tag 클래스를 확장하고이 같은 특정 부모를 선택하여 간단하게 태그를 숨기

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

또는

화살표의 의사 코드를 추가하는 것이 좋습니다