如何让Bootstrap的input框变成透明色?

我想把网页的背景换成一张图片,如何让Bootstrap的input框变成透明啊,这样input和图片就融为一体了

点赞
写回答
关注问题
收藏
分享
邀请回答

3条回答默认最新

私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
lion00l 2016-01-22 17:22

已采纳

在css中添加如下代码（ie 火狐 opera）

filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;

点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
blownewbee 2016-01-22 16:18

已采纳
给你的文本框加上如下样式

background:rgba(0, 0, 0, 0);
点赞评论
分享

评论

评论

登录后可回复...
私信

码龄粉丝数影响力 0

被采纳

被点赞

采纳率
GrowingDarker 2016-01-23 11:27

已采纳

重写bootstrap文本框样式，背景颜色块代码更换为楼下的设置透明代码即可

点赞评论
分享

评论

评论

登录后可回复...

报告相同问题？

提交关注问题

相关推荐更多相似问题

如何让Bootstrap的input框变成透明色? css
2016-01-22 16:14

回答 3 已采纳在css中添加如下代码（ie 火狐 opera） filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
ueditor在bootstrap框架中失效问题？ bootstrap
2017-08-04 08:33

回答 1 已采纳建议上一段代码请检查是否完全嵌套到标签中
bootstrap的轮播动画如何修改? bootstrap
2017-12-23 06:04

回答 4 已采纳更换其他轮播代码 http://sc.chinaz.com/tag_jiaoben/tupianlunbo.html
bootstrap+css实现表单透明效果
2020-07-04 22:19

李猫er的博客前端网页小案例,使用bootstrap中的栅格布局，js插件登录注册模态框和css样式实现表单透明效果,具体效果如下: html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
Bootstrap 表单
2017-03-22 18:00

大大大大大桃子的博客基础表单表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的...
Bootstrap：前端框架
2017-12-09 07:56

UNDEFINED_AUBE的博客 Bootstrap：前端框架一、前言 1、设置全局CSS样式（1）基本的HTML元素均可以通过class设置样式得到增强效果 2、组件：可复用组件 3、JS插件使用Bootstrap只需要加样式就可以实现较好的效果，不用自己写代码...
判断input的值是否为空，为空的话想让用Bootstrap插件写的模态框禁用，不弹出，请问改怎么写 bootstrap 前端
2018-10-15 09:30

回答 2 已采纳 var value = $("input").val(); if(value == "" || value.replace(/\s*/g, "") == ""){ $("input").at
bootstrap可以不做移动端吗？ bootstrap html5 jquery 前端
2017-03-06 03:46

回答 5 已采纳 bootstrap可以开发移动端，且他的理念就是移动优先，是一个响应式布局的UI框架，建议你看看这个博客[http://best.cnblogs.com](http://best.cnblogs.co
bootstrap模态框中div切换问题 bootstrap
2018-04-11 05:05

回答 3 已采纳之前那个问题贴了另外的代码给过你了啊，替换掉dvSteps容器中的直接div为你的内容就行了啊。。 ``` Bootstrap
Bootstrap学习笔记（三）表单
2017-02-05 21:02

karma2013的博客基础表单表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。...同样，表单也是Bootstrap框架中的核心内容，下面向大家介绍Bootstrap框架中表单的制作。表单
jQuery&ES6&Bootstrap
2021-06-01 19:06

coolwei-的博客 // 获取框中的值 $("h3").text(str); // 将h3元素中的文本内容更改为str }); script> body> 表单事件当元素获得焦点时，会触发focus事件，失去焦点时，会触发blur事件方法描述执行时机 focus( ) 触发或将函数...
Bootstrap类名
2020-08-22 23:06

qq_46615920的博客 control 自定义控件 .custom-control-inline 内联块级行内伸缩盒 .custom-control-input 自定义输入控件 .custom-control-label 自定义标签控件 .custom-checkbox 自定义复选框 .custom-radio 自定义单选框 .custom-...
bootstrap中input与lable同行的问题 bootstrap css
2015-09-07 02:56

回答 3 已采纳在 input 里添加样式 style="width:100%" 就可以用栅格控制了
bootstarp input readonly背景色修改 bootstrap
2017-08-03 05:41

回答 2 已采纳重新定义下form-control[readonly]样式，注意用[readonly]，而不是:read-only，有些浏览器不支持 ``` input[readonly],.f
关于 BootStrap 框架如何修改 CSS 的问题 bootstrap css
2017-01-21 07:43

回答 1 已采纳给此样式单独定义一个类，不改变原来的。但是要保证新的权重大于旧的
自定义input file文件上传的默认样式
2018-06-01 19:04

muzidigbig的博客 inputtype="file">元素，它的默认样式： chrome下：给input加上 style="border: 1px solid red;"如左图所示的样式 IE下：不管是上面哪种，样式都比较简单，和很多网页的风格都不太协调。根据用户的需求...
Bootstrap中的动画和图形效果
2019-09-20 20:57

南京闫伟亮的野爹的博客圆角现在，所有现代浏览器都支持不带厂商前缀的 border-radius属性了。有鉴于此，我们没有提供 .border-radius()mixin，但是，Bootstrap does 提供...
BootStrap4的用法
2019-05-25 15:11

鲲鹏飞九万里的博客 BootStrap4 同样需要一个containing 元素包裹正文内容。 .container 提供了一个固定的宽；.container-fluid提供了一个易变的宽。二、网格系统 BootStrap的网格系统是基于flexbox，允许至多12个纵列。如果不想...
Bootstrap - 提交文件输入表单？ html javascript jquery php
2017-08-10 20:42

回答 2 已采纳 Try this code : <form action="myPage.php" method="post" enctype="multipart/form-data"> <
Bootstrap基础学习笔记
2017-07-17 11:22

向来缘浅奈何晴深的博客学完html，css，js，css3，html5之后就开始学Bootstrap了Bootstrap是什么？Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。它提供了一系列全局CSS样式，组件，js插件...
没有解决我的问题, 去提问

CSDNRGY

如何让Bootstrap的input框变成透明色?

3条回答 默认 最新

相关推荐 更多相似问题

3条回答默认最新

相关推荐更多相似问题