css - 在框中自定义 css

Question

我有tag me盒子来添加标签。

http://jsfiddle.net/hailwood/u8zj5/

我试图用 css 改变它的外观。

我想创建如下代码所示的标签和框：

http://jsfiddle.net/hAz5A/20/

我首先添加了css，但没有进行更改。任何css家伙可以帮助我吗？

Answer 1

只需将第二个小提琴中的 css 添加到第一个小提琴中

注意：如果你想删除'x' - 删除标签（出于某种原因）然后添加display: none到你的 tagit-close 类

小提琴

没有删除按钮的 FIDDLE

   ul.tagit.ui-widget li.tagit-choice {
        display: block;
        float: left;
        position: relative;
        line-height: inherit;
        border-radius: 6px;
        background-color: #EFEFEF;
        border: 1px solid #DDD;
        padding: 5px 15px 5px 5px;
        margin-right: 10px;
        color: #08c;
        text-decoration: none;
    }

    ul.tagit.ui-widget li.tagit-choice a.tagit-close {
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -8px;
    }