Вопросы с тегом «css-content»

Как вы используете свойство CSS content для добавления объектов HTML ? Использование чего-то подобного просто выводит  на экран вместо неразрывного пробела: .breadcrumbs a:before { content: ' '; }

1014 html  css  html-entities  css-content 

Я пытаюсь использовать :afterпсевдоэлемент CSS на 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 в …

687 html  css  pseudo-element  css-content 

Просто интересно, можно ли каким-то образом заставить contentсвойство CSS вставлять html-код вместо строки on :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: " "; } Как добавить пробел перед содержимым элемента? Примечание. Мне нужно раскрасить левую границу и левое поле для семантического использования и использовать пространство как бесцветное поле. :)

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 

Мне интересно, почему браузер показывает двойные открытые кавычки только для первого элемента. Вместо этого второй элемент заключен в одинарные кавычки. 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