css失去焦点执行的代码

当我们在使用CSS时，常常需要失去焦点执行一些代码，比如按钮点击时改变颜色，输入框输入内容后改变样式等等。这时就需要用到失去焦点事件：onblur。下面是一个示例代码，当输入框失去焦点时改变边框颜色和宽度。

  input {
    border: 1px solid black;
  }

  input:focus {
    border: 2px solid blue;
  }

  input:blur {
    border: 3px solid red;
  }

这段代码首先定义了输入框的边框为1px黑色实线。当输入框获得焦点后，边框变成了2px蓝色实线。而当输入框失去焦点后，边框宽度变成了3px的红色实线。可以看到，input:blur定义了失去焦点时的样式。在此示例中，当输入框失去焦点时会触发这个样式。

CSS的失去焦点事件onblur可以应用于很多元素，如按钮、链接等等。当这些元素失去焦点时，就可以执行一些具体的CSS代码。使用onblur可以使用户体验更好，让页面更丰富多彩。