在文本框处于活动状态时使其周围产生发光效果
在文本框处于活动状态时使其周围产生发光效果
提问于 2009-06-15 06:20:16
将光标放在文本框内时，在文本框周围制作发光效果。例如:只需将光标放在stackoverflow.com中的搜索文本框内即可。
这是因为css，但我不知道如何实现它..请帮帮我。
回答 6
Stack Overflow用户
回答已采纳
发布于 2009-06-15 06:36:23
虽然你在stackoverflow搜索框上观察到的效果可能是特定于浏览器的(例如Google Chrome)，但是有一种方法可以使用CSS :focus伪类来实现你想要的效果：
#foo:focus { border: 2px solid red; }<input id="foo" type="text"/>Stack Overflow用户
发布于 2012-04-17 20:57:36
与轮廓不同，box-shadow属性实现了任何文本字段都非常流畅、漂亮的效果：
field {
border-color: #dbdbdb;
}
field:focus { /* When you click on the field... */
border-color: #6EA2DE;
box-shadow: 0px 0px 10px #6EA2DE;
}这是我曾经给自己做的一个JSFiddle Demo，上面的代码带有过渡淡入淡出效果。
Stack Overflow用户
发布于 2009-06-15 06:26:44
大纲属性
http://www.w3schools.com/css/pr_outline.asp
如果您希望它在单击文本框时出现：
input:focus { outline: /* whatever */ }焦点不支持: IE7选择器，但您可以使用jQuery：
$("input").focus(function () {
$(this).css('outline','yellow solid thin');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/996371
复制
相似问题
如何在位图周围产生发光效果？
WPF文本框周围的发光效果不够明显。
我怎样才能在按钮周围产生发光效果？
角-当单击按钮时使其处于活动状态，当单击组中的其他按钮时使其处于不活动状态。
当UIPickerView处于活动状态时，使其他组件变暗
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
