Kendo 小部件和引导输入组插件

Posted 2023-04-13

【中文标题】Kendo 小部件和引导输入组插件

【英文标题】：Kendo Widgets and Bootstrap Input-Group Addons

【发布时间】：2018-04-25 00:55:07

【问题描述】：

我正在尝试将引导输入组插件添加到 kendo 日期选择器小部件的任一侧。

但是，由于默认引导主题为小部件添加了圆角边缘，因此在插件旁边看起来很奇怪。

如何从 kendo 小部件中移除圆边？

<div class="input-group">
    <span class="input-group-addon"><span class="glyphicon glyphicon-filter"></span></span>
    <input id="datePicker" name="SelectedDate" type="text" value="d/MM/yyyy"  />
    <span class="input-group-addon"><input id="chkDisplayPaid" type="checkbox" /> Display Paid</span>
</div>

我已经设置了一个小提琴： https://jsfiddle.net/nw7m7pL0/4/

这里是问题：

【参考方案1】：

检查您更新的 JSFiddle https://jsfiddle.net/nw7m7pL0/6/

我在你的样式中添加了这个 css

.k-datepicker
    border-radius: 0px 4px 4px 0px;

.k-picker-wrap
  border-radius:0px 4px 4px 0px;