Eonasdan datetimepicker 日期时间选择器从我的表继承样式

我用的是eonasdan的日期选择器

它工作得很好，但是当我把它放在一个表中时，它继承了表的样式。就好像datepicker也变成了一个表

我怎样才能避免这种情况

我的CSS中有以下内容：

table.table {
    tr {
        th {
            color: #ff0000;  //red
        }
     }
  }

这是我的html文件：

<table class="table">
    <tr>
      <th>Reconcile Date</th>
    </tr>
    <tr>
      <td>
        <div class="pickdate">
          <input type="text" placeholder="Reconcile Date" class="form-control ">
        </div>
      </td>
    </tr>
</table>

---

这会将“我的表格标题”中的文本设置为红色。它还将日期选择器中的周和月名称设置为红色。注意：pickdate类加载datepicker

您可以将以下规则添加到样式表中，以自定义datetimepicker样式：

.引导datetimepicker小部件{ 桌子{ tr{ th{ 颜色：黑色； } } } } 请注意，选择器有一个选项，允许您检查组件的HTML以简化样式自定义

工作示例：

jQuery'dates-ifbZ6A4b6r568bad40cd473'。日期时间选择器{ 格式：DD/MM/YYYY，调试：true }; 表tr-th{ 颜色：ff0000； } .bootstrap datetimepicker小部件表tr th{ 颜色：000000； } 债务参考 核对日期 NOR087-DAN052 日期选择器中的文本不应为红色

---

您可以将以下规则添加到样式表中，以自定义datetimepicker样式：

.引导datetimepicker小部件{ 桌子{ tr{ th{ 颜色：黑色； } } } } 请注意，选择器有一个选项，允许您检查组件的HTML以简化样式自定义

工作示例：

jQuery'dates-ifbZ6A4b6r568bad40cd473'。日期时间选择器{ 格式：DD/MM/YYYY，调试：true }; 表tr-th{ 颜色：ff0000； } .bootstrap datetimepicker小部件表tr th{ 颜色：000000； } 债务参考 核对日期 NOR087-DAN052 日期选择器中的文本不应为红色

---

通过使用Google Chrome的检查工具，我能够在datepicker表中找到一个类，并在该级别添加CSS。以下是CSS和JSFIDLE链接：

 .table tr th{ color: red; }

 .table-condensed thead tr th{ color: black;}

---

如果这些对你有用，请告诉我。谢谢

通过使用Google Chrome的检查工具，我能够在datepicker表中找到一个类，并在该级别添加CSS。以下是CSS和JSFIDLE链接：

 .table tr th{ color: red; }

 .table-condensed thead tr th{ color: black;}

---

如果这些对你有用，请告诉我。谢谢

你能发布一些代码示例吗？使用CSS时，注意先链接哪个CSS文件总是很重要的。我尝试在JSFIDLE上复制，但由于某些原因，我无法在那里复制。我希望有什么明显的事情是我做错了。我将很快发布我所拥有的代码。你能发布一些代码示例吗？使用CSS时，注意先链接哪个CSS文件总是很重要的。我尝试在JSFIDLE上复制，但由于某些原因，我无法在那里复制。我希望有什么明显的事情是我做错了。我将很快发布我所拥有的代码。注意，此规则将应用于具有.table压缩类的所有表，该类为，而不仅仅是picker节。注意，此规则将应用于具有.table压缩类的所有表，该类为，而不仅仅是picker节。