CSS在点击后保持焦点颜色在div上

简介

有时我们需要在网页中实现一个点击后保持焦点颜色的效果，可以通过CSS来实现此功能。本文将介绍如何使用CSS在点击后保持焦点颜色在div元素上。

实现方法

1. 首先定义一个普通的div元素

<div class="original">Click me!</div>

2. 添加CSS样式

.original:focus {
    outline: none; /* 隐藏掉默认的焦点样式 */
    background-color: yellow; /* 定义点击后的背景颜色 */
}

3. 效果展示

点击div元素后，将会出现黄色的背景颜色，表示元素获得了焦点。

总结

CSS可以帮助我们实现很多网页效果，其中实现点击后保持焦点颜色在div上也不例外。通过定义:focus伪类样式，我们可以轻松实现此效果。