問題タブ [css-hack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSSのみを使用してテキストをツールチップとしてコンテンツを含むアイコンに変換する
コンテンツのテキストをツールチップに変えながら、ハイパーリンクをアイコンに変えようとしています。問題は、CSS しかない場所で作業していて、HTML を変更したり Javascript を追加したりできないことです。テーブル内の外部ソースからデータを取得していますが、列の 1 つがハイパーリンクです。これをホバー時のツールヒントとしてテキスト コンテンツを含むアイコンに変換したいと考えています。
以下は、私がどこまで到達したかを抜粋したものですが、:hoverパーツの外観、感触、動作をツールチップのようにする方法はありますか? それとも、私が求めているものを完全に達成する別の方法があるのでしょうか?
css - CSS ベベル ボーダー コーナー
境界線の角を面取りしようとしています。これを達成する必要がありますが、方法がわかりません。beforeとafterの疑似要素を試してみたのですが、afterとtransparentでうまくいきません。
境界線は青、背景は透明にする必要があります。
画像:ボーダー
