javascript - 2 个不同元素的相同外观

Question

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

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

现在，看看这个截图：

铬合金

火狐

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

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

Answer 1

如果它只是您担心的输入字段，请尝试向 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; 还有背景：白色；

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