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

CSS 发布时间：2022-04-17 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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 – 如何使引导输入字段“透明”全部内容，希望文章能够帮你解决css – 如何使引导输入字段“透明”所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

猜你在找的CSS相关文章