おすすめの記事: CSS 疑似クラスの右下隅をクリックすると、選択を示すチェックマークが表示されます。サンプル コード: https://www.jb51.net/css/731762.html 効果 分析: 1. 疑似要素セレクターを使用してコンテンツを追加します。 CSSコード: &.選択{ 色: @テーマ; 境界線: 0.02rem 実線 @theme; 位置: 相対的; 遷移: すべて 0.5 秒の緩和; } &.selected::after { コンテンツ: '✔'; 表示: ブロック; 高さ: 0px; 幅: 0px; 位置: 絶対; 下部: 0; 右: 0; 色:#fff; /**チェックマークのサイズ*/ フォントサイズ: 10px; 行の高さ: 8px; 境界線: 10px 実線; 境界線の色: 透明 #4884ff #4884ff 透明; } 要約する 純粋な CSS を使用して、商品を選択した後、右下隅に √ 記号を表示する方法についての記事はこれで終わりです。選択した商品の右下隅に √ 記号を表示することに関するその他の関連 CSS コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: CSS でよく発生する問題の整理 (ロゴのハッキング/コンテナの固定/画像の垂直方向の中央揃え)
>>: Jenkins は Docker イメージを構築し、Harbor ウェアハウスにプッシュします
目次簡単な紹介1. 現在のgccバージョンを確認する2. gccインストールパッケージ(バージョン1...
mysql5.7.17のインストールチュートリアルを参考までに共有します。具体的な内容は次のとおりで...
目次マスタースレーブレプリケーションメカニズム非同期レプリケーション準同期レプリケーションマスタース...
インストールまず、Java と Scala をインストールし、次に Spark をダウンロードしてイ...
1. 概要ユーザーは、アクセスする Web アプリケーションがインタラクティブでスムーズに実行される...
必要なリンクにインライン スタイルを追加します。コードをコピーコードは次のとおりです。 <a ...
Vue ルーティング this.route.push ジャンプ ページが更新されない1. 背景概要:...
1. まずSELECT文を実行して、すべての切り捨て文を生成します。ステートメント形式: selec...
Mysqlリモート接続構成を実装する2つの方法会社で働いていると、誰かのコンピュータに保存されている...
Alibaba Cloud サーバーを購入した後、新しいインスタンスが正常に動作できるようにするには...
inline-block プロパティ値は、「インライン」要素のマージンとパディングを制御する必要があ...
NFS の紹介NFS (ネットワーク ファイル システム) は、FreeBSD でサポートされている...
MySQL はハッシュ インデックスと Btree インデックスをサポートしています。 InnoDB...
目次序文1. 準備2. インストール3. 環境変数を設定する1. 「新規」をクリックすると、ポップア...
一般的な Dockerfile 命令の紹介命令説明するから新しいイメージが構築される基となるイメージ...