为<ul> </ul>提供文本框外观

Question

我一直在寻找与StackOverflow标签相同结果的jQ插件。找到一个使用Tokeninput。问题是，它使用ul, li技术，当我在窗体中使用另一个真正的文本框时，它看起来完全不同。例如，看看这张照片。

第一个是 - 令牌输入。第二是标准文本框。我想得到的是与textbox或其他jQ插件完全相同的外观和感觉，它与Tokeninput相同，但对于文本框（不是基于ul li）。

这是插件作者尝试提供与真实文本框相同外观的水平ul的CSS。

ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid rgb(240,240,240);
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

Answer 1

Here is something similar，我几个月前写过它

它增强了普通的textarea并在“，”字符上分割了初始textarea值以创建标记。

它可能无法满足您的需求100％，但它是一个很好的起点，可以轻松修改。