Revision history [back]

Revision 2

updated 2011-07-28 03:17:38 -0600

Can we convert the tag background into CSS?

I've worked out CSS code for the tags:

<div style="float: left; display: inline-block; height:16px;background-color:#FAFAFA;border-radius:8px 0 0 8px; position:relative; padding-right:6px; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-top: 1px #EEEEEE solid; border-left: 1px #EEEEEE solid; ">
    <div style="border: 1px #CCCCCC solid; border-radius:6px;margin:5px;position:absolute; width:5px;height:5px; background-color:white"></div>
    <span style="font-size: 11px;margin-left:16px; vertical-align:center;white-space: nowrap;line-height: 18px; color:#333333">test tag</span>
</div>

that gives an output almost exactly like the tags as they are, only it is now fully customizable via custom css.

Revision 1

303

NoahY

asked 2011-07-28 03:16:47 -0600

Can we convert the tag background into CSS?

I've worked out CSS code for the tags:

<div style="float: left; display: inline-block; height:16px;background-color:#FAFAFA;border-radius:8px 0 0 8px; position:relative; padding-right:6px; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-top: 1px #EEEEEE solid; border-left: 1px #EEEEEE solid; ">
    <div style="border: 1px #CCCCCC solid; border-radius:6px;margin:5px;position:absolute; width:5px;height:5px; background-color:white"></div>
    <span style="font-size: 11px;margin-left:16px; vertical-align:center;white-space: nowrap;line-height: 18px; color:#333333">test tag</span>
</div>

that gives an output almost exactly like the tags as they ~~are,~~ are:

test tag

only it is now fully customizable via custom css.