Css “如何创建引导输入字段”;透明的;

Css “如何创建引导输入字段”;透明的;,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在尝试从引导输入表单控件中删除边框。 设置边框颜色:白色后我得到了这个 我怎么能失去这个顶部边界? 我想这可能是一个影子财产,但是。。。没什么 这是标记 <div class="form-group"> <input class="form-control transparent-input" type='text' name='name' placeholder="Field title..." required> </div> 引导程序v

我正在尝试从引导输入
表单控件中删除边框。
设置
边框颜色:白色后
我得到了这个

我怎么能失去这个顶部边界? 我想这可能是一个影子财产,但是。。。没什么

这是标记

<div class="form-group">
  <input class="form-control transparent-input" type='text' name='name' placeholder="Field title..."  required>
</div>

引导程序v3.1.1

编辑:

下面的解决方案都不起作用。
请参见此

使用
rgba()设置背景色
同时添加
边框:无
删除边框

<style>
    input.transparent-input{
       background-color:rgba(0,0,0,0) !important;
       border:none !important;
    }
</style>

添加
!重要信息
要覆盖现有样式

请更改背景色

.transparent-input { background: tranparent; }
.transparent-input {
   background-color: rgba(0, 0, 0, 0);
   border:none;
}
可以将背景色更改为(0,0,0),将其不透明度更改为“0”。
同时
使用border:none
。并尝试使用
!重要信息
如果上述方法无效,请覆盖现有样式。

使用引导类,您可以使其透明…只需将此类应用于您的代码。
bg transparent
尝试将box shadow设置为无。请参见

感谢您的回复-请查看编辑框中的小提琴。添加
框阴影:无!重要的
.transparent-input {
   background-color: rgba(0, 0, 0, 0);
   border:none;
}