html - 如何关闭输入和跨度 html 元素之间的边缘?

标签 html css kendo-ui

<分区>

我有一个与 html 元素相关的问题,它没有缩小 <input> 之间的差距。和 <span>元素。如下面的屏幕截图(以红色框突出显示)所示。

enter image description here

我不确定 <input><span>元素可以一起使用来实现像控件一样的下拉列表 - 左侧的输入框和右侧隐藏的按钮作为一个控件。

<span> 的代码片段包装 <input> 的元素和 <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>

我在 SO 中找不到任何相关问题,如果您知道链接,请随时发表评论并将此问题标记为重复。

我已经放了一个 fiddle 来说明这个问题。 https://jsfiddle.net/jun1uz/365bt4qp/4/

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

最佳答案

我会去

#btn-scheduler {
   position:relative;
   left:-5px;
}

关于html - 如何关闭输入和跨度 html 元素之间的边缘?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53253467/

上一篇:javascript - 为什么 flex-direction : column and align-items: center; not position vertically?

下一篇:html - 如何在 Angular Flex-box 上添加新行

相关文章:

javascript - 在javascript中突出显示文本按钮

jquery - 当用户在移动设备上触摸屏幕时,如何添加 css/jQuery 过渡效果?

html - 如何在所有屏幕尺寸的网页上居中显示图像

css - 400 在以下代码的上下文中代表什么字体属性?

css - 鼠标悬停在 SVG (Inkscape) 上

javascript - 我可以更改单击 Kendo Grid 下一页按钮时触发的事件吗?

java - 如何在 Mac OS 10.6.6 上运行 Java Applet

html - Firefox 插件可以智能地复制文本及其格式?

javascript - 使用 KendoUI 折线图,如何使数据标记(点)成为纯色?

kendo-ui - 将 Treeview 中的复选框与使用远程数据源的复选框绑定(bind)