Programmazione css-content

9

Aggiunta di entità HTML mediante contenuto CSS

Come si usa la proprietà CSS content per aggiungere entità HTML ? Usando qualcosa di simile si stampa &nbsp;sullo schermo anziché nello spazio non-break: .breadcrumbs a:before { content: '&nbsp;'; }

1013 html css html-entities css-content

20

Posso usare uno pseudo-elemento: before o: after su un campo di input?

Sto cercando di utilizzare lo :afterpseudo-elemento CSS su un inputcampo, ma non funziona. Se lo uso con un span, funziona bene. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Funziona (mette la faccina dopo "buu!" E prima di "ancora un po '") <span class="mystyle">buuu!</span>a some more Questo non funziona - colora …

687 html css pseudo-element css-content

3

Proprietà del contenuto CSS: è possibile inserire HTML anziché Text?

Mi chiedo solo se è possibile in qualche modo fare in modo che la contentproprietà CSS inserisca il codice html invece della stringa :beforeo di :afterun elemento come: .header:before{ content: '<a href="#top">Back</a>'; } questo sarebbe abbastanza utile ... Potrebbe essere fatto tramite Javascript ma l'uso di CSS per questo renderebbe …

246 html css pseudo-element css-content

4

CSS: come aggiungere uno spazio bianco prima del contenuto dell'elemento?

Nessuno dei seguenti codici funziona: p:before { content: " "; } p:before { content: "&nbsp;"; } Come aggiungo uno spazio bianco prima del contenuto dell'elemento? Nota: devo colorare il bordo sinistro e il margine sinistro per uso semantico e utilizzare lo spazio come margine incolore. :)

118 css unicode space css-content

3

Posso avere più: prima di pseudo-elementi per lo stesso elemento?

È possibile avere più :beforepseudo per lo stesso elemento? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Sto cercando di applicare gli stili precedenti allo stesso elemento usando jQuery, ma viene applicato solo quello più recente, mai entrambi.

116 css css-selectors pseudo-element css-content

2

Perché le virgolette doppie vengono visualizzate solo per il primo elemento?

Mi chiedo perché il browser mostri doppie virgolette aperte solo per il primo elemento. Il secondo elemento ha invece virgolette singole. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Esegui snippet di codiceNascondi risultatiEspandi lo snippet

89 html css pseudo-element css-content

Domande taggate «css-content»