Question

我有一个绑定到jquery datetime picker控件的input元素。元素以html呈现，如

<input id="DateFrom" class="form-control text-right" type="text" value="" name="DateFrom" data-val-date="The field Date From must be a date." data-val="true">

日期时间控制就好了但是我遇到了问题，当点击日期时间选择器时我的输入元素被宽度缩小，日期时间图标向下移动了29像素。

在日期时间选择器上查看firebug单击以下内容在dom中呈现

<div class="bootstrap-datetimepicker-widget dropdown-menu usetwentyfour bottom" style="display:block; top:29px; ... "> ... </div>

所以我试图针对整个班级并使用css删除顶部

.bootstrap-datetimepicker-widget + .dropdown-menu + .usetwentyfour + .bottom {
    top: 0 !important;
}

但这没有任何改变。

Answer 1

所以我试图针对整个班级并使用css删除顶部

.bootstrap-datetimepicker-widget + .dropdown-menu + .usetwentyfour + .bottom {
    top: 0 !important;
}

选择.bootstrap-datetimepicker-widget - ＆gt; adjacent sibling .dropdown-menu - ＆gt;相邻的兄弟姐妹 - ＆gt; .usetwentyfour - ＆gt;相邻的兄弟姐妹 - ＆gt; .bottom，而不是

<div class="bootstrap-datetimepicker-widget dropdown-menu usetwentyfour bottom" 
  style="display:block; top:29px; ... "> ... </div>

您应该可以使用选择器

div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom

或

div.bootstrap-datetimepicker-widget

日期时间选择器用它输入元素＆＃39; s css

1 个答案: