2016-09-27 46 views
0

这里是使用像这样的tagsinput。为什么bootstrap tagsinput在标签中不显示完整字符,并在结尾处显示交叉符号?

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

但是,当我添加标签它显示的标签正确如果如果字符从5超过标签字符是小于或等于5。它不显示完整的标签文本也是在标签的末尾没有交叉的迹象。 以下是截图

进入12345和结果: enter image description here

输入的123456和结果:enter image description here

进入1234567和结果:enter image description here

进入1234567890和结果:enter image description here

如何我可以在标签的结尾显示标签中的所有文字和十字标志吗?

回答

0

解决引导tagsinput标签

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

这里向其施加自定义CSS是截图:

enter image description here

0

如果您检查自定义CSS是影响<span class="tag label label-info">world<span data-role="remove"></span></span>

please check here