css如何隐藏input边框，css控制隐藏显示

怎么用css去掉chrome浏览器中input获得焦点时的橙色边框呢?

1、这个是谷歌默认给text标签添加的一个属性，就像给默认最小字号限定为12px一样。你只需要在css初始位置将css重定义一下就可以了。

2、这种情况跟浏览器有关，如我常用的谷歌就这样，这是浏览器对输入框获取焦点的默认设置，像IE的链接、按钮等都会有虚线框是一样的，如果不需要，可以将该输入框的样式outline设为none即可。

3、HTML中，input标签默认是有边框（border）和背景色属性的。可以在CSS中加入border：none；（或者在html中加入style：border：none）可以去掉边框。input标签在鼠标点击时，会有黄色的边框。

4、不容置疑，这些效果是在用户体验上得到了提升，但有些时候我们并不需要这些默认的样式，那怎么办呢？下面我们就来分别看一下解决办法。

相关问答

Q1: 怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框

可以设置表单控件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。

用浏览器查看时，会发现点击input出现了蓝色边框；END 解决问题 查找了各方面的资料才知道这是input默认的样式。

使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。

我必须得回答一下，找了很久 在浏览器设置里有个启动时选项，往下拉，有个高级按钮，点击展开，在往下拉，有个无障碍选项，里面有个“短暂的突出显示焦点对象”把这个给我关了，就消停了。

这是浏览器的默认行为，当输入框聚焦时，outline属性的样式效果就出来了，360浏览器默认的outline属性样式为蓝色，所以出现的是蓝色的边框。想要去掉蓝色边框的话，可以设置outline：none或者outline：0都可以。

打开浏览器，出现点击input出现了蓝色边框。直接在input中加style=“outline：none；”。在顶部style中直接控制css样式：style type=text/css input{outline：none；}/style。

Q2: 文本框的边框怎么去掉

新建一个Word文档。单击菜单栏“插入”选项卡。在插入选项卡下面找到“文本框”单击。在弹出的“内置”文本框中选择一种类型，也可以绘制一个。在插入的文本框中，可以看到文本框的边框非常明显。

用Word打开文档。选择菜单栏里的“插入”，再选择工具栏里的“文本框”，然后再选择横还是竖向或是多行文字。

①、首先打开我们需要进行操作的word文档，然后鼠标放到插入的文本框上。 ②、需要选中文本框，右击，弹出对话框。选择“轮廓” ③、然后点击“轮廓”，这里可以任意选择文本框轮廓颜色，选择“无线条颜色”，即可去掉文本边框。

新建幻灯片时，在编辑区域默认显示单击此处添加标题。删除文本框，首先选中文本框，点击文本框的边框可选中该文本框，按键盘左下角第一个，可选中文本框。

方法一：首先点击文本框的四条框线的任意任意一条以便选中此文本框。在其右侧的属性选项中点击选择“形状轮廓”属性。在弹出的选项中点击选择“无线条颜色”；最后是不是文本框的框线消失了。

Q3: input边框怎么去掉

前两天在开发在微信访问的HTML5页面，里面有个订单查询要选择时间，刚开始使用的input type=date输入框，没加任何的样式，效果是白色的背景再加上边框很丑，完全与整个背景不协调。

直接用 input：focus { outline： none； } 控制聚焦即可去掉蓝色边框。

例如，当光标放在input框中准备输入值时）， input标签外围会出现边框，有的时候我们需要去掉这个边框，可以使用css的outline：none；属性将其去掉， 只需要在为inpu加上style=outline：none；属性即可去掉边框。

可以在CSS中加入border：none；（或者在html中加入style=border：none；）可以去掉边框。 input标签在鼠标点击时，会有黄色的边框。

查找了各方面的资料才知道这是input默认的样式。

HTML中，input标签默认是有边框（border）和背景色属性的。可以在CSS中加入border：none；（或者在html中加入style=border：none；）可以去掉边框。 input标签在鼠标点击时，会有黄色的边框。

css如何隐藏input边框的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css控制隐藏显示、css如何隐藏input边框的信息别忘了在本站进行查找喔。