Javascript 无论如何谢谢如果我可以或不可以，请稍后更新。是的，很抱歉，我无法在chrome之外进行此操作。甚至使用未弃用的新事件API。我可以让它选择下拉菜单，你可以像在其他浏览器中一样使用键盘导航，但它只是不像在chrome中那样“打开”。对我来说似乎有点疯狂，在这

---

---

无论如何谢谢如果我可以或不可以，请稍后更新。是的，很抱歉，我无法在chrome之外进行此操作。甚至使用未弃用的新事件API。我可以让它选择下拉菜单，你可以像在其他浏览器中一样使用键盘导航，但它只是不像在chrome中那样“打开”。对我来说似乎有点疯狂，在这个时代，没有办法通过编程在browsers.thx上实现这一点，但我仍然需要箭头切换和选项之间的空间。使用你的方法，我可以在

.custom dropdown:：before

元素上用左边的边框来破解它，如果背景是纯色的，但是如果我在下拉列表后面有一个图像/多色背景，它将不起作用。实际上，如果你走左边的路线，你可以使用透明的边框啊，你是对的。对不起，边境线不通。我现在正在处理多项任务。这个空间需要不仅仅是图形空白，不能点击？如果你只需要一点空间，你可以用另一个div覆盖那部分，然后用另一个伪元素（比如按钮）来伪装背景色。不用担心，我感谢你的帮助：）是的，这个区域不应该被点击。我会研究你的建议。thx，但我仍然需要箭头切换和选项之间的空间。使用你的方法，我可以在

.custom dropdown:：before

元素上用左边的边框来破解它，如果背景是纯色的，但是如果我在下拉列表后面有一个图像/多色背景，它将不起作用。实际上，如果你走左边的路线，你可以使用透明的边框啊，你是对的。对不起，边境线不通。我现在正在处理多项任务。这个空间需要不仅仅是图形空白，不能点击？如果你只需要一点空间，你可以用另一个div覆盖那部分，然后用另一个伪元素（比如按钮）来伪装背景色。不用担心，我感谢你的帮助：）是的，这个区域不应该被点击。我会研究你的建议。thx，但我仍然需要箭头切换和选项之间的空间。使用你的方法，我可以在

.custom dropdown:：before

元素上用左边的边框来破解它，如果背景是纯色的，但是如果我在下拉列表后面有一个图像/多色背景，它将不起作用。实际上，如果你走左边的路线，你可以使用透明的边框啊，你是对的。对不起，边境线不通。我现在正在处理多项任务。这个空间需要不仅仅是图形空白，不能点击？如果你只需要一点空间，你可以用另一个div覆盖那部分，然后用另一个伪元素（比如按钮）来伪装背景色。不用担心，我感谢你的帮助：）是的，这个区域不应该被点击。我会研究你的建议。thx，但我仍然需要箭头切换和选项之间的空间。使用你的方法，我可以在

.custom dropdown:：before

元素上用左边的边框来破解它，如果背景是纯色的，但是如果我在下拉列表后面有一个图像/多色背景，它将不起作用。实际上，如果你走左边的路线，你可以使用透明的边框啊，你是对的。对不起，边境线不通。我现在正在处理多项任务。这个空间需要不仅仅是图形空白，不能点击？如果你只需要一点空间，你可以用另一个div覆盖那部分，然后用另一个伪元素（比如按钮）来伪装背景色。不用担心，我感谢你的帮助：）是的，这个区域不应该被点击。我会研究你的建议。

<form method="post">
<label for="month">Choose Month
    <br>
        <span class="custom-dropdown custom-dropdown--silver">
            <select id="month" class="custom-dropdown__select custom-dropdown__select--silver">
                <option>JAN</option>
                <option>FEB</option>
                <option>MAR</option>
                <option>APR</option>
                <option>MAY</option>
                <option>JUN</option>
                <option>JUL</option>
                <option>AUG</option>
                <option>SEP</option>
                <option>OCT</option>
                <option>NOV</option>
                <option>DEC</option>
            </select>
        </span>
        </label>
    </form>

document.getElementById('month').addEventListener('click',
    function (event) {
        event.stopPropagation();
    }
);

document.getElementById('divWrap').addEventListener('click',
    function (event) {
        event.stopPropagation();
        var dropdown = document.getElementById('month');
        var newEvent = document.createEvent('MouseEvents');
        newEvent.initMouseEvent('mousedown', true, true, window);
        dropdown.dispatchEvent(newEvent);
    }
);

<form method="post">
<label for="month">Choose Month
    <br>
        <div id="divWrap">
        <span class="custom-dropdown custom-dropdown--silver">
            <select id="month" class="custom-dropdown__select custom-dropdown__select--silver">
            <option>JAN</option>
            <option>FEB</option>
            <option>MAR</option>
            <option>APR</option>
            <option>MAY</option>
            <option>JUN</option>
            <option>JUL</option>
            <option>AUG</option>
            <option>SEP</option>
            <option>OCT</option>
            <option>NOV</option>
            <option>DEC</option>
        </select>
        </span>
    </div>
    </label>
</form>

#divWrap {
    display: inline-block;
    width: 8em;
}