HTML5文本框怎么透明,css怎么设计文本框透明度

css怎么设计文本框透明度

给input设置的css属性： background 和 color ，都用rgba 比如background: rgba(255,255,255,0.5);

color: rgba(255,255,255,1);

rgba中，a是透明度的意思，取值范围0-1，0是完全透明，1是完全不透明。

(推荐学习：CSS视频教程)

示例代码：

Document

body{

background: #eee;

}

div{

height: 200px;

width: 200px;

padding: 10px;

background: url(./css-5.jpg);

background-size: 100% 100%;

}

input{

margin-top: 40px;

background: rgba(255,255,255,0.5);

color: rgba(255,255,255,1);

}

效果：

更多CSS相关技术文章，请访问CSS3答疑栏目进行学习！

HTML5文本框怎么透明,css怎么设计文本框透明度相关推荐

html文本阴影水平垂直,CSS中使用文本阴影与元素阴影效果
文本阴影介绍在CSS中使用text-shadow属性设置文本阴影,该属性一共有4个属性值如:水平阴影.垂直阴影.(清晰度或模糊距离).阴影颜色. text-shadow属性值说明,在文本阴影实践中: ...
css样式设置文本框为只读,css怎么将文本框设置为只读
css将文本框设置为只读的方法是,在input文本框中添加readonly属性即可.readonly属性是一个布尔属性,该属性用来规定输入字段是只读的. 本文操作环境:windows10系统.css ...
html禁止文本选择,[译]用CSS来禁止文本选择
有些时候我们需要禁止网页的部分文本不能被选择.你可以使用user-select这个CSS特性来实现这个需求. 举例下面是一个使用了disable-selection类的样式规则,当它作用于一个HTM ...
css合并两个文本框,css实现input文本框的双边框美化
css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...
HTML标记fort属性最大取值,CSS(2)---css字体、文本样式属性
css字体.文本样式属性这篇主要讲CSS文本属性中的:字体样式属性和文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
html 原生弹出框,html、css和js原生写一个模态弹出框，顺便解决父元素半透明子元素不透明效果...
模态框: html部分: 弹出框 hhhhh 取消确认 css部分: #box{ width: 80px; height: 40px; background: #fd7430; border:non ...
HTML5期末大作业：音乐网站设计——风车乐栈在线音乐播放HTML+CSS
HTML5期末大作业:音乐网站设计--风车乐栈在线音乐播放HTML+CSS 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合 ...
Axure 教程 | 设置文本框背景透明
在AXURE软件中,部件样式可以编辑,但有时却无法满足所有个性化原型的需求.例如文本框部件,可以设置是否隐藏边框,但即使隐藏边框之后,文本框还会有白色的背景. 当界面需要一个无背景色的输入框时,对于完 ...
tkinter模块高级操作（一）—— 透明按钮、透明文本框、自定义按钮及自定义文本框
[写在前面] -- 众所周知,tkinter模块中自带的Button类是无法做到使其透明的(至少我无法做到) [tip:透明是指让背景颜色或图片穿过按钮而显示出来] -- 找遍了Button类的所有参 ...

HTML5文本框怎么透明,css怎么设计文本框透明度

HTML5文本框怎么透明,css怎么设计文本框透明度相关推荐

最新文章

热门文章