单击Css颜色底部像素

Question

当我点击它时，我希望将我的图像的底部像素（底部宽度像素，沿着图像的所有长度）着色为一种特定颜色。我不想在HTML中添加任何内容。 这可以通过css执行以下操作来实现：

.image:active{
 width: 1.5px;
 background-color: my_color;
 length: 100%;
}

Answer 1

我想你想在css的底部添加一个边框，如：

.image:active {
    border-bottom: 1.5px solid #123;
}

Answer 2

是的，您可以使用:active状态选择器。基本上，您可以在底部添加border或为此图片的孩子创建pseudo-element（因为并非所有浏览器都支持:before和:after图片上。）

边境解决方案：

.image:active {
    border-bottom: 1px solid red;
}