datetime选择器将输入元素搞砸了's css

datetime picker messing input element with it's css

本文关键字：css 选择器 输入 元素 datetime      更新时间：2023-09-26

我有一个绑定到jquery日期时间选择器控件的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;
}

但这并没有改变什么。

因此，我试图针对整个类，并使用css 删除顶部

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

选择.bootstrap-datetimepicker-widget->.dropdown-menu->.usetwentyfour->.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
相关文章：