2017-12-14 4 views
-1

どのように私はここに画像 enter image description here削除矢印

デモに示すように、矢印は、タグ入力のfroneに表示されます削除することができます:あなたは、あなたのブラウザの検査官/デベロッパーコンソールを使用することによりhttps://colorlib.com/polygon/gentelella/form.html

+0

jsfiddle.netでサンプルを作成できますか? – rand0m

+0

すべてのタグを削除すると気づいたばかりです。 –

+0

ここはデモですhttps://colorlib.com/polygon/gentelella/form.html –

答えて

1

インスペクタは、これがライン2922から始まるcustom.min.cssの一部であると主張

.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 
} 

:矢印はによって生成されていることがわかります。

この矢印はおそらく実際のタグのすぐ隣に現れると思われましたが、がCSS全体で再定義されているだけでなく、重要な要素にはposition:relativeがありません。

+0

助けてくれてありがとう –

1

他のページhereには、毎日アクティブなユーザーの.tagにはあなたを悩ましている矢印があることがわかります。

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

は、私はあなたが.TAGクラスを拡張して、このような特定の親を選択するだけでタグを非表示にし

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

または

矢印のための擬似コードを追加することを示唆しています
関連する問題