Javascript 两种不同元素的外观相同

我正在寻找jQ插件，它提供与StackOverflow标签相同的结果。找到一个使用Tokeninput的

请看一下这个链接

现在，请看以下屏幕截图：

Chrome

Firefox

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

---

我试图得到的是，对

ul

元素的外观与使用CSS的

输入文本

完全相同（我的意思是，宽度、边框、插入阴影……等等，尝试过，但无法找出我缺少了什么），或者对插件进行修改，以在输入文本框中获得相同的结果，而不是ul-li结构（比如Stackoverflow标签，我觉得有点难实现。）有什么建议吗？提前谢谢你，如果你担心的只是输入字段，那么试着在邮件凭证的CSS中添加宽度、高度和边框属性，如下所示：

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

---

对于这两种输入，添加边框：1px实心#ddd；以及背景：白色

---

这将迫使输入具有相同的效果

如果您谈论的文本看起来不同，您对此无能为力。对于输入元素，给它一个边框，它们看起来都非常相似。@KevinB我需要与Ul相同的宽度。它必须填充剩余的宽度，就像我用调试co检查元素一样解算并复制应用的样式，然后通过css将它们应用于目标输入。@KevinB已尝试。Ul正在动态更改。在浏览器上尝试，您将看到您所要做的只是给它一个边框、一个宽度和适当的填充。给它一个镜头。我需要宽度与Ul相同。它必须填充剩余的宽度，就像ULI需要宽度与Ul相同。它必须填充剩余宽度与UL相同。如果浏览器很小，则不起作用，因为您还需要添加与上面无序列表相同的最小宽度（将其添加到mail_凭据中）