同样看两个不同的元素

Question

我一直在寻找与StackOverflow标签相同结果的jQ插件。找到一个使用Tokeninput。

请查看此链接http://jsfiddle.net/nXxZW/3/。

现在，看一下这个截图：

铬

火狐

如您所见，输入文本元素在浏览器上看起来有点不同。

我想要得到的是，ul元素与input text完全相同的CSS（我的意思是宽度，边框，嵌入阴影......等等。试过但无法想象我想丢失的是什么）或插件修改以在输入文本框中获得相同的结果而不是ul li结构（如Stackoverflow标签。我认为这有点难以实现。）有什么建议吗？提前致谢

Answer 1

如果它只是你担心的输入字段，那么尝试将width，height和border属性添加到mail_credentials的CSS中，如下所示：

.mail_credentials{
    padding: 5px 5px 5px;
    margin: 0 15px 10px 20px;
    border: 1px solid #ccc;
    width: 150px;
    height: 14px;
}

Answer 2

对于两个输入，添加边框：1px solid #ddd;还有背景：白色;

将强制输入具有相同的效果