Jquery 输入焦点外发光
是否可以模拟safari和其他浏览器添加到输入字段的外部发光?如果可能的话,避免使用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
感谢如果您想模拟它在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中检查它:)现在更新。