#css-content

Fixed Adding HTML entities using CSS content #dev #it #asnwer

Adding HTML entities using CSS content

How do you use the CSS content property to add html entities?

I have a number of links which I make into a breadcrumb style list by adding an arrow before each.

<div class="breadcrumbs"> <a>One</a> <a>Two</a> <a>Three</a> </div>

Which has the following style applied to it:

.breadcrumbs a:before { content: '> '; }

The problem is that when the breadcrumb…

How to: CSS :after pseudo element on INPUT field

CSS :after pseudo element on INPUT field

I am trying to use :after CSS pseudo element on INPUT field, but it does not work. If I use it with SPAN, it works OK.

<style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style>

This works (puts the smiley after “buu!” and berfore “some more”)

<span class="mystyle">buuu!</span>a some more

This does not work – it…