タグ付けされた質問 「css-content」

CSS contentプロパティをどのように使用してHTMLエンティティを追加しますか？ このようなものを使用する と、改行しないスペースの代わりに画面に出力されます。 .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

:afterCSS疑似要素をinputフィールドで使用しようとしていますが、機能しません。と一緒に使用するとspan、問題なく動作します。 <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> これは機能します（「buu！」の後、「もう少し」の前にスマイリーを置きます） <span class="mystyle">buuu!</span>a some more これは機能しません-someValueを赤で着色するだけですが、笑顔はありません。 <input class="mystyle" type="text" value="someValue"> 何が悪いのですか？別の疑似セレクターを使用する必要がありますか？ 注：はサードパーティのコントロールによって生成されているため、のspan周りにを追加することはできませんinput。

685 html  css  pseudo-element  css-content 

CSS contentプロパティに文字列の代わりにHTMLコード:beforeまたは次:afterのような要素を挿入させることが可能かどうか疑問に思っています。 .header:before{ content: '<a href="#top">Back</a>'; } これは非常に便利です... Javascriptを使用して行うこともできますが、CSSを使用すると簡単に生活できます:)

246 html  css  pseudo-element  css-content 

次のコードはどれも機能しません。 p:before { content: " "; } p:before { content: " "; } 要素のコンテンツの前に空白を追加するにはどうすればよいですか？ 注：セマンティックに使用するためにborder-leftおよびmargin-leftに色を付け、スペースを無色のマージンとして使用する必要があります。:)

118 css  unicode  space  css-content 

:before同じ要素に複数の疑似を持つことは可能ですか？ .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } 上記のスタイルをjQueryを使用して同じ要素に適用しようとしていますが、最新のスタイルのみが適用され、両方が適用されることはありません。

116 css  css-selectors  pseudo-element  css-content 

なぜブラウザが最初の要素に対してのみ二重引用符を表示するのかと思っています。代わりに、2番目の要素には単一引用符があります。 a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> コードスニペットを実行する結果を非表示スニペットを展開

89 html  css  pseudo-element  css-content