jQuery UI Datepicker样式破碎

Question

当我在文本框中单击时，我弹出了一个jQuery UI Datepicker对象。这是HTML：

<tr>
    <td class="label-td"><label for="dateOpen_add">Date Opened</label></td>
    <td><input type="text" id="dateOpen_add" name="dateOpen_add" maxlength="10" size="10" /></td>
</tr>

这是jQuery：

$('#dateOpen_add').datepicker({
    dateFormat: 'yy-mm-dd',
    date: $('#dateOpen_add').val(),
    current: $('#dateOpen_add').val(),
    starts: 1,
    position: 'bottom',
    onBeforeShow: function(){
            $('#dateOpen_add').setDate($('#dateOpen_add').val(), true);
    },
    onChange: function(formated, dates){
            $('#dateOpen_add').val(formated);
    }
});

出于某种原因，当我点击dateOpen_add文本框时，datepicker会显示如下：

此外，这里还有一个问题的链接：LINK

任何人都知道为什么会这样吗？

Answer 1

你的风格#selected-folders-table td，在Global.css中（第97行和第125行）将所有元素的最小宽度设置为125px

您可以将此css选择器重写为#selected-subfolders-table td，＃selected-subfolders-table th {...}以使选择器更具体并修复错误