html - ブートストラップのタグ入力で、タグに完全な文字が表示されず、最後に十字記号が表示されないのはなぜですか?

Question

ここでは、このようなタグ入力を使用しています。

<input type='text' class='form-control' data-role='tagsinput' />

しかし、タグを追加すると、タグ文字が 5 以下の場合、タグが正しく表示されます。文字が 5 を超えると、完全なタグテキストが表示されず、タグの末尾にクロス記号も表示されません。ここにスクリーンショットがあります

12345 を入力し、結果:

123456 を入力し、結果:

1234567 を入力し、結果:

1234567890 と入力した結果:

タグ内のすべてのテキストとタグの末尾に十字記号を表示するにはどうすればよいですか?

score 0 · Accepted Answer

ブートストラップタグ入力ラベルにカスタムCSSを適用することで解決しました

.bootstrap-tagsinput .label{
width: auto;
line-height:2;
text-align: left;
margin-bottom: 5px
}

スクリーンショットは次のとおりです。

score 0 · Accepted Answer

カスタムCSSが影響しているかどうかを確認してください<span class="tag label label-info">world<span data-role="remove"></span></span>

2 に答える 2