css - 输入字段上的 Kendo UI 按钮未对齐

标签 css twitter-bootstrap kendo-ui kendo-dropdown kendo-datepicker

我正在尝试使用 Kendo UI 创建一个简单的表单,但由于某种原因,输入字段上的按钮(例如下拉列表、组合框、日历)未对齐。

example

有谁知道从哪里开始寻找问题的根源?我已经在 Google 上搜索了一段时间,显然我是唯一一个在 Kendo UI 中面临这个问题的人,所以也许这通常是一个 CSS 问题,但我还没有为输入元素添加任何自定义 CSS。

我使用 Kendo UI 和 JSP 包装器版本 2015.1.429 以及 Bootstrap v3.3.2

我不确定应该上传代码的哪一部分,因此我会根据要求将其添加到这篇文章中。

最佳答案

有人知道从哪里开始寻找问题的根源吗?

看起来有些东西正在覆盖 Kendo CSS。您应该使用 HTML 调试器来检查应用于 Kendo html 代码的样式。您可能有一些 CSS 覆盖了它。

通常,您可以通过在包含未对齐按钮的元素上添加 padding-top 来解决此类问题。

关于css - 输入字段上的 Kendo UI 按钮未对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30115558/

相关文章:

javascript - Kendo UI - 模板化复选框列表并将检查绑定(bind)到 viewModel

css - 字符串到 HttpPostedFilebase

javascript - 当我将其粘贴到我的主站点时,为什么我的 @keyframes 不播放

html - Bootstrap 媒体查询覆盖未按预期工作

jquery - Bootstrap - 修复了没有其余栏的可折叠导航栏按钮

css - 制作没有汉堡菜单的响应式 Bootstrap 导航栏

javascript - 我如何将数组划分为子数组,每个子数组包含 5 个元素,并将单独的类应用于每个子数组中的元素

javascript - 如何使用 ajax 和 jquery 更改页面的 html?

事件处理

剑道 ui 中的 Mvvm 下拉列表