問題タブ [pseudo-element]
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 - 「text-decoration」と「:after」疑似要素
すべての正しい考えを持つ人々のように、私はリンクをクリックするのが嫌いで、それがブラウザを壊すPDFまたはMicrosoftOfficeファイルにつながることを発見するのが遅すぎます。そのようなファイルにつながるリンクの横に小さなアイコンを表示することで、人々の生活を少し楽にできると思いました。IE8が最終的に:after
疑似要素をサポートするようになったので、CSS宣言はかなり単純になると思いました。
IE8では、これは正常に機能します。ただし、FirefoxとChromeではtext-decoration: none
無視され、下線がアイコンの下部に魅力的に広がりません。<span>
余分なタグを使用して「不正行為」をせずにこれを修正する方法はありますか?
css - 「text-decoration」と「:after」疑似要素、再考
私の場合、答えがうまくいかなかったので、この質問をやり直しています。
:after
印刷メディアのスタイルシートでは、疑似クラスを使用してすべてのリンクの後にURLを追加したいと思います。
Firefox(およびおそらくChromeですがIE8ではありません)では、text-decoration: none
無視され、下線はURLの下部に魅力的ではありません。ただし、color
URLは正しく黒に設定されています。作品を作る方法はありtext-decoration
ますか?
元の質問では、可変幅のテキストの代わりに固定サイズの画像が追加されました。その答えは、text-decorationプロパティを使用する必要をなくすために、パディングと背景画像を使用しています。コンテンツが可変幅のテキストである場合、私はまだ解決策を探しています。
css - ハイパーリンクを含む新しいテキストを CSS のページに挿入するにはどうすればよいですか?
次のコードがあるとします。
次のように、CSS を使用して「Foo」の後に「Bar」を挿入し、「Bar」をハイパーリンクにするにはどうすればよいですか。
...フーバー...
私はこれが「Foo Bar」と書くことを知っています:
しかし、「バー」をハイパーリンクにする方法がわかりません。何か案は?
css - :after 疑似要素に改行を追加できますか?
<br />
特定のクラスに aを追加したい。:after 擬似クラスを使用すると、単純<br />
にテキストとして表示されます。
これを機能させる方法はありますか?
これは IE8 の内部的なものであるため、ブラウザーの問題は問題になりません。私が行った場合
「ブリリアント」を改行してほしい。
jquery - "不明な疑似クラスまたは疑似要素 'radio'"
Web ページには多くの入力ラジオ要素があり、各ラジオ要素にはいくつかのオプションがあります。ラジオ要素の 1 つのオプションがチェックされるたびに関数が起動されるようにします。Jquery を使用してコードを記述する方法は? 1 つの入力要素は次のようになります。
次のようにコードを書きました。
私のJqueryのバージョンは
私はFirefoxを使用しています。エラー コンソールには、「不明な疑似クラスまたは疑似要素 'radio'」と表示されます。何か案が?どうしたの?
私の以前の質問はこの質問に近いですが、これまでのところ解決策がありません。だから私は周りに尋ねなければなりません。この質問が重複した質問として閉じられないことを願っています。ありがとうございました!
css - CSSをサポートしているブラウザ:before {content: "x"; }
CSSをサポートしているブラウザ:before {content: "x"; }?この質問に関する情報は見つかりませんでした。CSS属性の内容は、一見有用に見えますが、コミュニティではまったく知られていないようです。
css - IE8にCSS:beforeタグを受け入れさせるにはどうすればよいですか?
私は次のCSSコードを持っています
これは、次のマークアップと組み合わせて使用されます。
世界の他のすべての祝福されたブラウザに私のアイコンが表示されていますが、IE8にはこれに問題があるようです。:before
疑似要素CSS2ではありませんか?content:
CSS2コマンドでもありませんか?何が得られますか?
css - IE と Opera が疑似要素をクリップボードにコピーしないようにする方法は?
行番号、改行、およびスペースを表示するためにshjsをいじって、私はこれに出くわしました:クリップボードにコピーされました。
IE8 はすべてがうまく表示されるので、コピー アンド ペーストで動作が異なることに驚きました。
FF から行をコピーして貼り付けると、次のようになります (これで問題ありません)。
同じですが、IE8からコピーされたものは次のとおりです。
ところで、Operaと同じです。
どの動作が正しいか、ブラウザに望ましい動作を教える方法があるかどうかは誰にもわかりませんか?
前もって感謝します
html - 入力フィールドで :before または :after 疑似要素を使用できますか?
:after
フィールドでCSS 疑似要素を使用しようとしてinput
いますが、機能しません。と一緒に使えばspan
OKです。
これでうまくいきます ("buu!" の後、"some more" の前にスマイリーを置きます)。
これは機能しません - someValue を赤で着色するだけで、スマイリーはありません。
私は何を間違っていますか?別の擬似セレクターを使用する必要がありますか?
注:サード パーティ製のコントロールによって生成されているため、 のspan
前後にを追加することはできません。input
javascript - CSS: 疑似要素 (後、前、...) を削除するには?
Web ページの段落タグのレイアウトにスイッチを使用したいと考えています。
after 疑似要素を使用します。
次に、この CSS コードをページから削除する必要があります。
これはどのように簡単に行うことができますか?
私はそれを追加したい:
jQuery はページで既に使用されています
また、CSS を含むファイルを含めたり削除したりしたくありません。