在框中自定义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

FIDDLE without delete button

   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;
    }