html - 我如何在焦点区域中发光?

标签 html css forms

我注意到有些浏览器会在您选择表单时使某些字段发光,例如 Chrome 会让它们发出黄色光。你如何让一个领域发光?我相信这是你在代码中松散指定的东西,因为不同的浏览器有不同的颜色。这是如何运作的?有什么简单的方法可以做到吗?

最佳答案

Check out the demo


使用的 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;
}

You can also check out this page i had created similar effect

注意:

box-shadow 是 CSS3 属性,这意味着它在 IE<8 中不起作用,但是您可以使用类似 CSS3PIE to get the support even in IE 的东西:)

关于html - 我如何在焦点区域中发光?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4534582/

相关文章:

javascript - 在鼠标悬停时隐藏所有靠近光标的跨度?

javascript - 如何更改最初由timelineMax设置的div的属性?

php - 多表单向mysql发送数据

php - Codeigniter 通过单击按钮更改表单操作

html - 当我有多行并且想要左列右对齐和右列左对齐时,如何解决没有表格的表格对齐问题

javascript - ScrollTop 函数问题 - 过度滚动

html - 如何在 HTML 表格中放大我的 SVG?

java - 如何限制ScrollPane的滚动量

html - Table添加border-radius在IE中显示页面异常

javascript - Firefox 中的表单 "is undefined"错误