怎么隐藏<input type="text"/>的边框

 我来答
盖辜苟
推荐于2019-08-03 · TA获得超过12.5万个赞
知道答主
回答量:41
采纳率:100%
帮助的人:2.2万
展开全部

HTML中,input标签默认是有边框(border)和背景色属性的。可以在CSS中加入border:none;(或者在html中加入style:"border:none")可以去掉边框。

input标签在鼠标点击时,会有黄色的边框。如果不需要,可以加input{outline:medium;}属性去掉。

input type="text"标签去边框 透明背景色

<input id="inputID" type="text" placeholder="placeholder">

#input{

border-style:none none solid none; /*  上 右 下  左 */

background-color:transparent;

}

拓展资料:

HTML:超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚芹伏谈至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

使用:

每种HTML标记符在使用中可带有不同的属性项,用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。

BGCOLOR 用于定义网页的背景色

BACKGROUND 用于定义网页背景图案的图像文件

TEXT 用于定义正文字符的颜色,默认为黑色

LINK 用于定义网页中超级链接字符的颜色,默认为蓝色

VLINK 用于定义网页中已被访问过的超接链接字符的颜色,默认为紫红色

ALINK 用于定义被鼠标选中,但未使用时超链字符的颜色,默认为红色

例如:标记将定义页面的背景色为黑色,正文字体显示为白色。

以上属性使用中,需要对颜色进行说明,在HTML中对颜色可使用2种方法说明颜色属性值,即颜色名称(英文名)和颜色值。其中颜色值用6个十六进制数来分别描述红、绿 、蓝三原色的配方法——称为RGB值嫌碰,每2个十六进制数表示一种颜色。使用颜色值时,应在值前冠以“#”号。

使厅肆用图案代替背景颜色,可以使页面更生动、美观。可将图像文件image.gif所表示的一幅图像作为页面的背景,若图像幅面不够大,将会将图像重复平铺在窗口中。

根闹米
推荐于2019-09-03 · TA获得超过1万个赞
知道答主
回答量:76
采纳率:0%
帮助的人:2.1万
展开全部

方法1:

<input type=text value=swerwdfwe style="border-style:none">

方法2:
给input设置border:none;但在iE6下不行,还有边。应该将 border:none; 换成border:0; 这是ie6 的兼容性问题

或漏余者<input type="text" name="sample" border="0"/>

方法3:
以div放置span和input显示相同的内容,平时显示span,隐藏input。

单击span时显示input隐藏span,input 失去焦点时隐藏input,并把input的value填写到span,并显示span(简单郑圆来说,就是使用span替代input---当然同理返丛滚可以使用div或其它方式替代)

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
淡淡的雅兴
推荐于2017-09-27 · TA获得超过1.6万个赞
知道大有可为答主
回答量:4172
采纳率:86%
帮助的人:471万
展开全部

 HTML中,input标签默认是有边框亮大明(border)和背景色属性的。可以在仿余CSS中加入border:none;(或者在html中加入style:"border:none"敬告)可以去掉边框。

input标签在鼠标点击时,会有黄色的边框。如果不需要,可以加input{outline:medium;}属性去掉。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
小乌龟iK
推荐于2017-09-13 · TA获得超过3581个赞
知道大有可为答主
回答量:1885
采纳率:57%
帮助的人:640万
展开全部
用CSS啊,

<input type=text value=swerwdfwe style="岩行返border-style:none"粗饥>带羡
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式