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


20
Могу ли я использовать псевдоэлемент: before или: after в поле ввода?
Я пытаюсь использовать :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 в …

3
CSS свойство content: возможно ли вставить HTML вместо текста?
Просто интересно, можно ли каким-то образом заставить contentсвойство CSS вставлять html-код вместо строки on :beforeили :afterэлемента вроде: .header:before{ content: '<a href="#top">Back</a>'; } это было бы очень удобно ... Это можно сделать через Javascript, но использование css для этого действительно облегчит жизнь :)

4
CSS: как добавить пробел перед содержимым элемента?
Ни один из следующих кодов не работает: p:before { content: " "; } p:before { content: " "; } Как добавить пробел перед содержимым элемента? Примечание. Мне нужно раскрасить левую границу и левое поле для семантического использования и использовать пространство как бесцветное поле. :)

3
Могу ли я иметь несколько псевдоэлементов: before для одного и того же элемента?
Возможно ли иметь несколько :beforeпсевдонимов для одного и того же элемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я пытаюсь применить указанные выше стили к одному и тому же элементу с помощью jQuery, но применяется только последний из них, а не оба …

2
Почему двойные кавычки показаны только для первого элемента?
Мне интересно, почему браузер показывает двойные открытые кавычки только для первого элемента. Вместо этого второй элемент заключен в одинарные кавычки. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.