在本例中,我们使用了 :focus 选择器,在文本字段获得焦点时(被点击)为其添加黑色边框:

请注意,我们已添加 CSS 过渡属性以设置边框颜色的动画(改变颜色需 0.5 秒)。