クリック時のCssカラーボトムピクセル - css

下のピクセルに色を付けようとしています（私はそれをクリックしたときに1つの特定の色に私の画像のすべての長さに沿って）画像の下部の幅のピクセル。 HTMLには何も追加したくありません。 これはcssでしか実現できません。

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

回答：

はい、使用できます :active 状態セレクタ。基本的には、 border 底部に または 作成する pseudo-element この画像の子（すべてのブラウザがサポートしているわけではないため） :before そして :after 画像上）。

国境ソリューション：

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

私はあなたがCSSのようにあなたのイメージの一番下にボーダーを追加したいと思う：

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