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

Question

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

现在，看看这个截图：

铬合金

在此处输入图像描述

火狐

在此处输入图像描述

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

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

score 1 · Accepted Answer

如果它只是您担心的输入字段，请尝试向 mail_credentials 的 CSS 添加宽度、高度和边框属性，如下所示：

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

score 1 · Accepted Answer

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

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

2 回答 2