Kendo datepicker控件在输入的右侧添加了一个日历图标。总的来说,这很好,看起来很不错。
然而,我的样式指南在表单输入的左侧有图标。例如:
<div class="input-prepend">
<span class="add-on"><i class="fa fa-usd"></i></span>
@Html.TextBoxFor(m => m.PayContribution, "{0:0.00}",
new { @class = "span10",
Value = @Model.PayContribution == 0m ?
"" : @Model.PayContribution.ToString() })
</div>
对于大多数用户来说,看到"25.00 $"而不是"$25.00"
我不希望所有的输入都用左边的图标,除了我的日期选择器用右边的图标。有没有办法把剑道的图标移到输入框的另一边?Telerik的文档并没有指出任何琐碎的事情,但公认的答案是:是否有可能为Kendo DatePicker(日历)设置一个方向?显示可能存在未记录的选项。在最终呈现中去掉DOM或CSS是另一种选择。
下面的CSS似乎做到了:
span[role=button].k-select {
left: 0;
border-left: 0;
border-right: 1px solid rgb(231, 231, 231);
border-radius: 0;
}
.k-picker-wrap {
padding-left: 26px;
padding-right: 0;
}
覆盖此CSS
.k-picker-wrap {
padding-left: 22px;
padding-right: 0;
}
.k-select {
left: 0;