css – 如何使引导输入字段“透明”

前端之家收集整理的这篇文章主要介绍了css – 如何使引导输入字段“透明”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试从引导输入表单控件中删除边框.
设置边框颜色后:白色我得到了这个

我怎么能失去这个顶级边界?
我以为它可能是影子属性但是……没有.

这是标记

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

bootstrap v3.1.1

编辑:

以下解决方案均无效.
看这Fiddle

解决方法

使用rgba()设置背景颜色也添加border:none;删除边框
<style>
    input.transparent-input{
       background-color:rgba(0,0) !important;
       border:none !important;
    }
</style>

最后一个值0将使背景透明

或者只是将背景颜色设置为透明.

<style>
    input.transparent-input{
       background-color:transparent !important;
       border:none !important;
    }
</style>

添加!important以覆盖现有样式

猜你在找的CSS相关文章