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;
}

我在两个浏览器中都检查了元素，但我并没有真正看到差异在哪里。有没有人使用过选择标签？

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。谢谢你的帮助！

select标签在Firefox中比在Chrome中低一个像素

2 个答案: