【问题标题】:Kendo UI button on input fields misaligned输入字段上的 Kendo UI 按钮未对齐
【发布时间】:2015-05-08 04:05:52
【问题描述】:

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

有谁知道从哪里开始寻找问题的根源?我在 Google 上搜索了很长时间,显然我是唯一一个在使用 Kendo UI 时遇到这个问题的人,所以一般来说这可能是一个 CSS 问题,但我还没有为输入元素添加任何自定义 CSS。

我正在使用带有 JSP 包装器版本 2015.1.429 和 Bootstrap v3.3.2 的 Kendo UI

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

【问题讨论】:

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


    【解决方案1】:

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

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

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

    【讨论】:

    • 请提供您的代码示例或创建一个jsfiddle
    • 我认为他无法提供任何示例,因为我也没有提供任何导致错位的代码示例。无论如何,OP,谢谢你的建议,我会在星期一回复你
    • 我检查了浏览器调试器,我没有覆盖任何东西,但由于某种原因它没有对齐,所以我决定暂时只添加一个 padding-top
    猜你喜欢
    • 2016-08-10
    • 1970-01-01
    • 1970-01-01
    • 2021-03-18
    • 1970-01-01
    • 2013-09-09
    • 2012-10-12
    • 1970-01-01
    • 2014-07-02
    相关资源
    最近更新 更多