Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 输入焦点外发光_Jquery_Html_Css - Fatal编程技术网

Jquery 输入焦点外发光

Jquery 输入焦点外发光,jquery,html,css,Jquery,Html,Css,是否可以模拟safari和其他浏览器添加到输入字段的外部发光?如果可能的话,避免使用jquery 本文介绍了如何删除它: 感谢如果您想模拟它在webkit浏览器上的显示,您可以使用,但请注意,并非所有浏览器都支持CSS3 此处,box shadow与:focuspsudo选择器结合使用 CSS: input:focus,textarea:focus,select:focus{ border:1px solid #fafafa; -webkit-box-shadow:0 0 6px #0

是否可以模拟safari和其他浏览器添加到输入字段的外部发光?如果可能的话,避免使用jquery

本文介绍了如何删除它:


感谢

如果您想模拟它在webkit浏览器上的显示,您可以使用,但请注意,并非所有浏览器都支持CSS3

此处,
box shadow
:focus
psudo选择器结合使用

CSS:

input:focus,textarea:focus,select:focus{
  border:1px solid #fafafa;
  -webkit-box-shadow:0 0 6px #007eff;
  -moz-box-shadow:0 0 5px #007eff;
  box-shadow:0 0 5px #007eff;
  outline: none;
}

您可以使用css实现这一点:

input:focus
{
    outline:#00FF00 solid thick;
}
这是html:

<input />
<br/>
<br/>
<input />




@user441365:您可以查看CSS3Pie,它声称可以在IE中使用box shadow:。我还没有试过。直到我看到这个答案,我才真正需要这个功能+1作为提示。你应该添加
outline:none
@roberkules:你是对的,我没有在Chrome中检查它:)现在更新。