Javascript 输入字段-蓝色焦点突出显示?无法摆脱?
我已经尽了一切努力来摆脱这个焦点蓝色的亮点,但绝对没有任何效果 我试过:Javascript 输入字段-蓝色焦点突出显示?无法摆脱?,javascript,html,css,input,focus,Javascript,Html,Css,Input,Focus,我已经尽了一切努力来摆脱这个焦点蓝色的亮点,但绝对没有任何效果 我试过: input:focus { outline: none; } 我在这里读到的是正确的解决方案。但它不起作用。使用最新的Chrome/Safari/Firefox,点击进入焦点时,蓝色突出显示仍然存在 有趣的是,它在IE7/IE8中工作。我尝试了一个我在堆栈上读到的javascript解决方案,我在输入中添加了onclick:blur方法,但这只是使输入字段不可编辑 有什么解决办法吗?如果可能的话,我更喜欢干净的C
input:focus {
outline: none;
}
我在这里读到的是正确的解决方案。但它不起作用。使用最新的Chrome/Safari/Firefox,点击进入焦点时,蓝色突出显示仍然存在
有趣的是,它在IE7/IE8中工作。我尝试了一个我在堆栈上读到的javascript解决方案,我在输入中添加了onclick:blur方法,但这只是使输入字段不可编辑
有什么解决办法吗?如果可能的话,我更喜欢干净的CSS解决方案。只有在没有更具体的内容时,CSS才会起作用。记住,css按照最具体的规则优先,也就是说
input#myid:focus { /* <--more specific, takes priority */
outline: blue;
}
input:focus { /* <--less specific, overridden by above */
outline: none;
}
当元素悬停时,使用Firebug查看元素的计算CSS。它将告诉您应用于元素的规则来自何处。只有在没有更具体的内容时,css才会起作用。记住,css按照最具体的规则优先,也就是说
input#myid:focus { /* <--more specific, takes priority */
outline: blue;
}
input:focus { /* <--less specific, overridden by above */
outline: none;
}
当元素悬停时,使用Firebug查看元素的计算CSS。它将告诉您应用于元素的规则来自何处。我也遇到了同样的问题,这对我很有效
#search input[type="text"]:focus {
width: 180px;
outline: none;
}
我也有同样的问题,这对我很有效
#search input[type="text"]:focus {
width: 180px;
outline: none;
}
一定还有别的事。IE7和IE8一开始甚至没有任何焦点发光-这就是为什么它看起来有效。请检查您是否也没有应用边框,可能是这样。@andres ilich我有边框:0px,所以编号:(这里有一个简单的删除文本字段上的轮廓的方法。当你聚焦它时,它是否仍然显示为蓝色?如果不是,你可能有一个CSS专用性问题,如下面的答案之一所示。使用Firebug或Chrome的开发工具查看元素的样式。你需要为任何人发布一些代码来帮助你解决这个问题因为你已经确定了(似乎)正确的解决方案。@skyline3000感谢Sky。你让我真正坐下来看了看。事实证明,这是Drupal部署中一个主题应用的样式。我在Chrome开发工具中没有看到它,但Firebug展示了它。现在可以用了。一定还有别的事情发生了。IE7和IE8甚至都没有任何焦点辉光,这就是它出现的原因工作。检查您是否也没有应用边框,可能是这样。@andres ilich我有边框:0px,所以编号:(这里有一个简单的删除文本字段上的轮廓的方法。当你聚焦它时,它是否仍然显示为蓝色?如果不是,你可能有一个CSS专用性问题,如下面的答案之一所示。使用Firebug或Chrome的开发工具查看元素的样式。你需要为任何人发布一些代码来帮助你解决这个问题因为你已经确定了(似乎)正确的解决方案。@skyline3000感谢Sky。你让我坐下来好好看看。原来这是Drupal部署中的一个主题应用的样式。我在Chrome开发工具中没有看到它,但Firebug展示了它。现在可以了。我想我没有比这更具体的了:“#阻止搜索表单输入。表单文本:焦点{outline:none!重要;border:0px;}'..它仍然不起作用。我想我无法得到比这更具体的信息:'#阻止搜索表单输入。表单文本:焦点{outline:none!重要;border:0px;}'..,它仍然不起作用。