css - 选择标签在 Firefox 中比在 Chrome 中低 1 个像素

Question

#allday {
    width: 180px;
    height: 20px;
    margin-top: 2px !important;
    margin-right: 0px;
    padding: 0px;
    -webkit-appearance: menulist;
    box-sizing: border-box;
    -webkit-box-align: center;
    border: 1px solid;
    border-image: initial;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
}

我检查了两个浏览器中的元素，但我并没有真正看到差异在哪里。有没有人用 select 标签经历过这个？

Answer 1

由于无法看到小提琴或示例，这是一个疯狂的猜测，但我之前遇到过一些问题，不同的浏览器显示不同的高度/填充/边距，并且添加display:block有时会有所帮助......但并非总是如此。

Answer 2

            #allday {
            width: 180px;
            height: 20px;

            margin-right: 0px;
            padding: 0px;
            -webkit-appearance: menulist;
            box-sizing: border-box;
            -webkit-box-align: center;
            border-image: initial;
            white-space: pre;
            -webkit-rtl-ordering: logical;
            color: black;
            background-color: white;
            cursor: default;
            display: block;
        }

我还必须在选择上方的标签上添加 0px 下边距，但是 br 没有被修改。感谢你的帮助！