当前位置:  开发笔记 > 前端 > 正文

bootstrap输入组插件样式

如何解决《bootstrap输入组插件样式》经验,为你挑选了1个好方法。

input-group在textarea上使用bootstrap ,我想要的是标签,或者input-group-addon在上面textarea,但是由于'addon'元素的样式,它看起来不太好(特别是在右侧).

如何textarea使用input-group

示例和看到和的区别

并为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

推荐阅读
有风吹过best
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有