問題タブ [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 - パディングに関する疑似要素のFirefoxの問題
http://jsfiddle.net/e5tsL/を参照してください。chrome
ではボタンが本来のようにレンダリングされますが、FireFox でのみ ::before と ::after がパディングのために少し右にレンダリングされます。
これを修正する方法はありますか？
css - CSS3::selectionはFFとChromeで動作が異なります
::selectionCSS3の疑似要素を試しています。Firefoxでは動作し、見栄えがします。私のサイトの背景は濃紺です。
FFではこんな感じになるように選択しました。
しかし、クロムでは、同じテストは次のようになります。クロムは選択を半透明として解釈し、結果の色は厄介なようです。
ChromeをFirefoxと同じように動作させることが可能かどうか誰かが知っていますか？
参考までに、ここに私のcssがあります：
ありがとう
css - 親の背景画像を使用するための:before疑似要素の取得
CSS を使用して、:before 疑似要素の背景画像をその親と同じに設定できますか。継承と言いたいのですが、疑似要素は何でも継承できるのでしょうか？例：
JavaScript で簡単にできることはわかっていますが、CSS だけでできるかどうか知りたいです。どんな助けでも大歓迎です、ありがとう！
css - CSS :[チェック済み] と組み合わせた疑似要素の後: 異なるアフター要素が機能しない?
独自のラジオボタンとチェックボックスのスタイルを設定して、Web フォームを起動しようとしています。これを行うには、ラジオ/チェックボックス自体を非表示にして、次のように :after 疑似クラスを使用してラベルに状態を示す要素を作成します。
さて、これはラジオに対して完全にうまく機能します。ラベルをクリックすると、小さなチェックボックスがラベルに表示され、他のラベルには表示されません。しかし、問題はチェックボックスです: チェックされたものはまだ緑色のチェックボックスを表示しますが、チェックされていないものはまったく表示されず、本来あるべき赤いものも表示されません. のようです
部分がまったくグリップしていないか、:checked 疑似クラスがそのスタンドアロンを上書きするようです。
ここで大きな何かが欠けていますか？
よろしく
css - CSS疑似要素をインラインで追加する
疑似要素宣言をインラインで追加することは可能ですか？たとえば。次のインラインを実行できますか？
css - 疑似要素が`img`要素で機能しないのはなぜですか？
要素とともに:before疑似要素を使用しようとしていimgます。
このHTMLとCSSを検討してください...
HTML
CSS
これでは、目的の効果が得られません（Chrome13およびFirefox6でテスト済み）。ただし、divまたはspan要素で機能します。
なぜだめですか？
疑似要素を要素で機能させる方法はありimgますか？
jquery - CSS 疑似要素を使用して、クリック ハンドラーを持つコンテンツを挿入する
私は次のように非常に単純なことをしています：
私がしたいのは、ユーザーがdivの上にカーソルを置いたときに削除という単語が表示され、ユーザーが削除という単語をクリックしたときにjQueryを実行できるようにすることです(実際にこのアイテムを削除するため)
これは可能ですか？
css - 疑似要素はどのようにして非疑似要素の高さを検出できますか？
http://jsfiddle.net/ZWw3Z/をご覧ください
基本的に、疑似要素の高さが高すぎます。要素と同じ高さにしたいと思いpます。どうやってやるの？
css - :before/:after セレクターを使用して要素の周囲にマージンを追加する
私は（の修正版）Gene Locklinの「深さ」を実装しましたが、これは問題なく機能します。コードは次のとおりです。
しかし、:before & :after セレクターを使用してマージンまたはパディングを追加したいと思います。フォームを周囲のテキストから分離するために、ある種のギャップを知っています。
これは、これらのセレクターを使用して特定の段落の周りにスペースを空けようとした後に発生しましたが、成功しなかったため、ターゲット属性に基づいてこれらのスタイルを設定しました。
セレクターは主に自動テキストを容易にするように設計されており、マージンまたはパディング (以下のクエリの後に追加)、改行、スパン、空の分割、または JavaScript を使用して要素を作成することで、これを完全に簡単に行うことができることを認識しています。と 。しかし、私はこれを :before & :after でやりたいと思っています。
動作させたいサンプルコードは次のとおりです。
これが機能しない可能性があると思います... :before/:after は通常インラインであるため、ブロックレベルとして表示する必要があります (ただし、「深さ」にはこれは必要ありませんか?) および/または :before/:絶対配置が必要な後。
寛大なご意見をお寄せいただきありがとうございます。