問題タブ [css-content]
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.
php - CSS 疑似クラスの「コンテンツ」内にテキストを動的に生成する
CSS 疑似クラスの「コンテンツ」内のテキストを適切な方法で動的に生成したいと考えています。これまでの例で、動作中の jsfiddleを埋めました。この図は、これを達成する方法をよりよく示しています。
これは関連するコードです(フィドルにもあります):
[の一部] index.php:
[の一部] style.css:
そのコードを次の 2 つの目的で再利用できるようにしたいと考えています。
- PHPで動的かつ内部的に翻訳します。
- 同様のスタイルの異なるボタン。
つまり、似たようなボタンを別の名前で作成したり、追加のマークアップなしで翻訳したりできるようにしたいということです。これを適切に行う方法がわかりません。理由は次のとおりです。
- CSS は、コンテンツから分離された固有の .css ファイルにあります。明らかに、これはphpを実行しません。
- インライン スタイル内に CSS 疑似要素を含めることはできません
- JavaScript はありません。これは JavaScript で実現できますが、可能であれば避けたいと思います。
どうすれば達成できますか?CSSを使用する必要があるのは奇妙だと思います
jquery - CSS コンテンツを含むリンク href を追加する
module-content
純粋なcssを使用して、クラスの後にURLを設定する必要があります。このコードは機能しませんが、基本的に を に設定する必要がありCustom·Link
ますcontent: ' ' attr(href);
。
Jquery試行の失敗:
html - css を html に適用しますが、iframe html には適用しません
アドオン「stylish」のユーザースタイルシートを作成中です。
ページ全体に半透明のダーク ボックスを適用して、夜のブラウジングをサポートします。
私は使用しています:
固定された上にある div を作成します。
これは問題なく機能しますが、サイトに iframe がある場合は、このコードが iframe の HTML に適用され、次のようになります。
これらのソーシャル ネットワーキング ウィジェットは IFRAME に依存しているため、これらのページにコードが繰り返され、作成した半透明のダーク ボックスの二重オーバーレイが作成されます。
望ましい外観は次のようになります。
iframe にはるかに高い z-index を適用し、iframe 内のすべての * の背景色と背景を「白」と「不透明」に指定して、「浮かぶ」ようにするなど、ハックっぽいことを試しました親の html ページの上部にありますが、これは完全には機能しません。私も次のようなことを試しました:
しかし、これも機能しません。同じ効果を生み出すために「html:before」に依存しない方法で私がやろうとしていることを行う方法があるかどうか、またはそれを行う方法があるがそれを持っていないかどうか疑問に思っていますページの iframe の html 内で繰り返します。
私はこれを機能させるために努力を尽くしてきたので、どんな助けも本当に感謝しています. ありがとうございました。
css - チェック済みタグとアフタータグを使用したcssフォームチェックボックスのスタイリング
JavaScript または JQuery を使用せずにフォームを設計しようとしています。一連のチェックボックスが含まれています。アイデアは、チェックボックスがオフになっている場合、チェックボックスの後に特定のgifを表示することです。それ以外の場合は、その後に何も表示しません。これは私が持っているコードです:
Chrome では動作しますが、Firefox や IE では動作しないようです。なにが問題ですか?
html - CSSデータ属性改行文字&疑似要素コンテンツ値
データ属性に改行を入れることはできますか?
私はこのようなことをしようとしています:
CSS:
HTML
「\a」は CSS の改行であることがわかりましたが、それでもうまくいきません。
css - :before および :after 擬似要素に「コンテンツ」プロパティが必要なのはなぜですか?
:after
次のシナリオで、セレクターが機能するためにコンテンツ プロパティが必要なのはなぜですか?
content プロパティを指定するまで疑似要素が表示されないことに注意してください。
なぜこれが意図された機能なのですか? 表示ブロックが要素を強制的に表示すると考えるでしょう。奇妙なことに、Web デバッガー内で実際にスタイルを確認できます。ただし、ページには表示されません。
css - 要素で :before を使用すると、その要素の最初の子になりますか?
CSS では常に :before を使用して、コンテンツをセレクターの前に置くことを意味してきました。これで問題が発生したことは一度もありませんが、セレクターの :before が要素の前に来るのではなく、要素の内側に追加されている場所を混乱させるものに出くわしました。なぜそうなのかわかりません。
ここにフィドルがあります:http://jsfiddle.net/vMtct/1/
そして、ここに基本的なコードがあります:
javascript - 前のコンテンツに基づいてjqueryを削除
:before
特定のコンテンツを含むすべてを削除する JQuery 関数を作成することは可能ですか。
コードで私に何かを示すためのステートメントの例を次に示します。
に設定された:before
疑似要素を持つドキュメント内のすべての要素を削除しますcontent
"delete me"
html - で使用される :after 疑似要素に font-weight を設定できません要素
だから、私は入力要素にカスタムスタイルを持っていて、を使用して入力にテキストを配置したい:after
.
私が直面している問題は、要素のフォントの太さを変更できないように見えることです。この問題は、要素と要素:after
の組み合わせでのみ発生します。input
:after
CSS
JSFIDDLE
テスト済み
Chrome for Mac (最新)
質問
:after
要素に設定された要素に font-weight を設定できないのはなぜinput
ですか?
css - 疑似要素の data-URI SVG パスの塗りつぶし色を変更する
CSS を使用して、疑似要素 data-URI 内にある SVG パスの色を変更することは可能ですか?
CSS: