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

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

创新互联是一家集网站建设,马关企业网站建设,马关品牌网站建设,网站定制,马关网站建设报价,网络营销,网络优化,马关网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

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

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

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

border）和背景色属性的。可以在CSS中加入border：none；（或者在html中加入style：border：none）可以去掉边框。input标签在鼠标点击时，会有黄色的边框。如果不需要，可以加input{outline：medium；}属性去掉。

css有类似有失去焦点设置样式的功能吗

1、你可以这么定义css li a：hover，li a.hover{color：#F00；text-decoration：underline；}比如是这样的。你想要的时候，div失去焦点之后，a应该会有跟hover时一样的效果？那就可以这么写了。

2、focus，alink，hover，active都是伪类 ：active 向被激活的元素添加样式。：focus 向拥有键盘输入焦点的元素添加样式。：hover 当鼠标悬浮在元素上方时，向元素添加样式。：link 向未被访问的链接添加样式。

3、CSS 参考手册 定义和用法 ：focus 伪类在元素获得焦点时向元素添加特殊的样式。注释：IE 浏览器不支持此属性。说明 这个伪类应用于有焦点的元素。

4、css的focus伪类是选择拥有焦点的元素并匹配样式，也就是说它不是一种动作（让元素获得焦点），而是根据元素的状态（是否有焦点）来选择样式。

如何使CSS样式在有焦点时有效,失去焦点时失效

没有焦点时就是正常的书写css代码 有焦点时就用伪元素：focus 来控制样式好了 或者使用jquery中的focus()和blur()方法 当元素获得焦点时，发生 focus 事件。

css2有获得焦点的选择器：input：focus {...} //当input元素获得焦点时就会套用这个样式 也就是说当input元素失去焦点就会恢复为原来的样式。因此只需给同一类元素设置默认样式和获得焦点时的样式即可实现你的目的。

这样做的好处在于：增加站点的寿命不规范的样式表可能在当时觉得很方便，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。

楼下的朋友，有三点需要重申一下 按下鼠标图片周边不会出现虚线，这个适合所有的浏览器 提问题的朋友使用的是css的写法，楼下的朋友是加入了script，还有更简单的写法，直接写在链接里链接标题 交流多了，真好。

本篇文章来给大家介绍一下css ：focus选择器有什么用？如何使用？下面我们来看具体的内容。css ：focus选择器的简单介绍：focus是css的一个伪类选择器，可以用来选取获得焦点的元素，然后为这些获得焦点的元素设置样式。

css文本框样式

html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。

border-radius属性可以实现元素的圆角。

需要说明：input[type=text] 这种写法不支持IE，但支持Firefox。

在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。

可以给标签家个id或class； 就可以调整文本框的宽和高。

新建网页文件。在head里插入 #area { width：300px； height：20px； }，表示设置输入文本框宽度为300像素，高度为20像素。在body里插入，表示定义一个输入文本框，启用area样式。在IE里测试，查看效果。

css虚线样式怎么去掉

1、CSS如何去除超链接点击时的虚线：建议：尽可能的手写代码，可以有效的提高学习效率和深度。当点击链接的时候，默认情况下会出现一个虚线框。

2、方法一：IE 下可使用其私有的html属性：hideFocus，在标签的结构中加入 hidefocus=”true” 属性。

3、取消CSS样式可以在 层或者表格代码中 找到类似class= 或者 id= 之类，将其删除即可。或者在网页代码中找到 类似这样的代码 或者 ... 将其删除即可。

4、兄弟，这是dreamweaver软件下的显示模式，告诉你两边是悬空状态，什么都没有啊。只要做了margin或者padding，都会有这样的斜线。

5、但话说回来，难道不觉得鸡肋吗？凡事都不能尽善尽美，过的去就算了，放自己一马……和使用那种鸡肋代码相比，如果真不想看到虚线，不如做成Flash更加有意义和效果。

文章题目：css取消焦点样式 css取消输入框默认样式
文章来源：http://ybzwz.com/article/dgdddgi.html