css onfocus

CSS中的onfocus属性通常被用于处理网页表单元素的焦点样式，即在该表单元素获得焦点时添加指定的CSS样式。

input:focus {
  border-color: #0099ff;
  outline: none;
}

上述代码表示在input元素获得焦点时，添加蓝色的边框，并取消默认的外边框样式。

除了表单元素外，onfocus属性还可以应用于其他可以获取焦点的元素，例如链接和按钮等。

a:focus, button:focus {
  outline: none;
  box-shadow: 0 0 5px #0099ff;
}

上述代码表示在链接和按钮元素获得焦点时，取消默认的外边框样式，同时添加蓝色的阴影。

需要注意的是，使用onfocus属性可能会影响网页的可访问性，因为某些用户可能只能通过键盘来遍历网页元素，这时如果无法看到添加的焦点样式，则会影响用户体验。因此，建议在添加onfocus属性的同时，也要考虑到网页的可访问性问题。