c# - Kendo 小部件和 Bootstrap 输入组插件

Question

我正在尝试将 Bootstrap 输入组插件添加到kendo datepicker小部件的任一侧。

但是，由于默认的 Bootstrap 主题向小部件添加了圆 Angular 边缘，因此在插件旁边看起来很奇怪。

如何从剑道小部件中删除圆 Angular 边缘？

<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>

我设置了一个 fiddle : https://jsfiddle.net/nw7m7pL0/4/

问题是这样的:

Answer 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;
}