我input-group
在textarea上使用bootstrap ,我想要的是标签,或者input-group-addon
在上面textarea
,但是由于'addon'元素的样式,它看起来不太好(特别是在右侧).
如何textarea
使用input-group
?
示例和看到和的区别
我想我想要的是右侧略微圆润的边缘,就像左边的那个,在textarea
输入上,正常的输入很好.
您可以通过向其添加新类来覆盖常规加载项textarea
并对其应用一些css
更改:
Description
并为css:
.textarea-addon{ border-bottom-left-radius: 0px !important; border-top-right-radius: 4px !important; border:1px solid #ccc !important; border-bottom: none !important; } textarea{ border-top-left-radius:0px !important; border-top-right-radius:0px !important; }
如果你使用较少或指南针,我会使用变量而不是普通数字.此外,您应该添加一些浏览器兼容性属性(例如-webkit和-moz前缀)
实例:http://plnkr.co/edit/dMa4UPLMqOXdVITzFKNr?p = preview