如何关闭输入和跨html元素之间的边[[副本]

我有一个与html元素有关的问题,它不能弥补 <input> 和 <span> 元素。如下面的屏幕截图(红色框中突出显示)所示。

我不确定 <输入> 和 <span>

的代码片段 < 用于包装 <输入> 和 <span> 元素。

<span class="k-state-default">
                <input type="text" id="scheduler" placeholder="Click arrow to create schedule" class="k-input">
                <span class="k-select" id="btn-scheduler" onclick="showSchedulerPanel()" role="button">
                    <span class="k-icon k-i-clock"></span>
                </span>
            </span>

我已竖起小提琴来说明这个问题。 https://jsfiddle.net/jun1uz/365bt4qp/4/

欢迎任何意见、建议或暴力反应。