問題タブ [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.

0 投票する
2 に答える
2419 参照

css - 「text-decoration」と「:after」疑似要素

すべての正しい考えを持つ人々のように、私はリンクをクリックするのが嫌いで、それがブラウザを壊すPDFまたはMicrosoftOfficeファイルにつながることを発見するのが遅すぎます。そのようなファイルにつながるリンクの横に小さなアイコンを表示することで、人々の生活を少し楽にできると思いました。IE8が最終的に:after疑似要素をサポートするようになったので、CSS宣言はかなり単純になると思いました。

IE8では、これは正常に機能します。ただし、FirefoxとChromeではtext-decoration: none無視され、下線がアイコンの下部に魅力的に広がりません。<span>余分なタグを使用して「不正行為」をせずにこれを修正する方法はありますか?

0 投票する
11 に答える
35553 参照

css - 「text-decoration」と「:after」疑似要素、再考

私の場合、答えがうまくいかなかったので、この質問をやり直しています。

:after印刷メディアのスタイルシートでは、疑似クラスを使用してすべてのリンクの後にURLを追加したいと思います。

Firefox(およびおそらくChromeですがIE8ではありません)では、text-decoration: none無視され、下線はURLの下部に魅力的ではありません。ただし、colorURLは正しく黒に設定されています。作品を作る方法はありtext-decorationますか?

元の質問では、可変幅のテキストの代わりに固定サイズの画像が追加されました。その答えは、text-decorationプロパティを使用する必要をなくすために、パディングと背景画像を使用しています。コンテンツが可変幅のテキストである場合、私はまだ解決策を探しています。

0 投票する
2 に答える
202 参照

css - ハイパーリンクを含む新しいテキストを CSS のページに挿入するにはどうすればよいですか?

次のコードがあるとします。

次のように、CSS を使用して「Foo」の後に「Bar」を挿入し、「Bar」をハイパーリンクにするにはどうすればよいですか。

...フーバー...

私はこれが「Foo Bar」と書くことを知っています:

しかし、「バー」をハイパーリンクにする方法がわかりません。何か案は?

0 投票する
4 に答える
57853 参照

css - :after 疑似要素に改行を追加できますか?

<br />特定のクラスに aを追加したい。:after 擬似クラスを使用すると、単純<br />にテキストとして表示されます。

これを機能させる方法はありますか?

これは IE8 の内部的なものであるため、ブラウザーの問題は問題になりません。私が行った場合

「ブリリアント」を改行してほしい。

0 投票する
3 に答える
3326 参照

jquery - "不明な疑似クラスまたは疑似要素 'radio'"

Web ページには多くの入力ラジオ要素があり、各ラジオ要素にはいくつかのオプションがあります。ラジオ要素の 1 つのオプションがチェックされるたびに関数が起動されるようにします。Jquery を使用してコードを記述する方法は? 1 つの入力要素は次のようになります。

次のようにコードを書きました。

私のJqueryのバージョンは

私はFirefoxを使用しています。エラー コンソールには、「不明な疑似クラスまたは疑似要素 'radio'」と表示されます。何か案が?どうしたの?

私の以前の質問はこの質問に近いですが、これまでのところ解決策がありません。だから私は周りに尋ねなければなりません。この質問が重複した質問として閉じられないことを願っています。ありがとうございました!

0 投票する
2 に答える
5219 参照

css - CSSをサポートしているブラウザ:before {content: "x"; }

CSSをサポートしているブラウザ:before {content: "x"; }?この質問に関する情報は見つかりませんでした。CSS属性の内容は、一見有用に見えますが、コミュニティではまったく知られていないようです。

0 投票する
5 に答える
49862 参照

css - IE8にCSS:beforeタグを受け入れさせるにはどうすればよいですか?

私は次のCSSコードを持っています

これは、次のマークアップと組み合わせて使用​​されます。

世界の他のすべての祝福されたブラウザに私のアイコンが表示されていますが、IE8にはこれに問題があるようです。:before疑似要素CSS2ではありませんか?content:CSS2コマンドでもありませんか?何が得られますか?

0 投票する
1 に答える
289 参照

css - IE と Opera が疑似要素をクリップボードにコピーしないようにする方法は?

行番号、改行、およびスペースを表示するためにshjsをいじって、私はこれに出くわしました:クリップボードにコピーされました。

IE8 はすべてがうまく表示されるので、コピー アンド ペーストで動作が異なることに驚きました。

FF から行をコピーして貼り付けると、次のようになります (これで問題ありません)。

同じですが、IE8からコピーされたものは次のとおりです。

ところで、Operaと同じです。

どの動作が正しいか、ブラウザに望ましい動作を教える方法があるかどうかは誰にもわかりませんか?

前もって感謝します

0 投票する
22 に答える
589292 参照

html - 入力フィールドで :before または :after 疑似要素を使用できますか?

:afterフィールドでCSS 疑似要素を使用しようとしてinputいますが、機能しません。と一緒に使えばspanOKです。

これでうまくいきます ("buu!" の後、"some more" の前にスマイリーを置きます)。

これは機能しません - someValue を赤で着色するだけで、スマイリーはありません。

私は何を間違っていますか?別の擬似セレクターを使用する必要がありますか?

注:サード パーティ製のコントロールによって生成されているため、 のspan前後にを追加することはできません。input

0 投票する
8 に答える
280367 参照

javascript - CSS: 疑似要素 (後、前、...) を削除するには?

Web ページの段落タグのレイアウトにスイッチを使用したいと考えています。

after 疑似要素を使用します。

次に、この CSS コードをページから削除する必要があります。

これはどのように簡単に行うことができますか?

私はそれを追加したい:

  • jQuery はページで既に使用されています

  • また、CSS を含むファイルを含めたり削除したりしたくありません。