表中的CSS受到日期选择器中的表的影响

Question

我正在尝试创建一个CSS来显示一个表来显示iPad中的所有内容

以避免水平显示。我面临的问题是

在日期选择器表中，受此CSS影响。

    @media 
      only screen and (max-width: 760px),
      (min-device-width: 768px) and (max-device-width: 1024px)  {

         /* Force table to not be like tables anymore */

        table, thead, tbody, th, td, tr { 
            display: block; 
        }


         /* Hide table headers (but not display: none;, for accessibility) */

        thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        tr { border: 1px solid #ccc; }

        td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 50%; 
        }

        td:before { 

            /* Now like a table header */

            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
        }
     }

如何避免日期选择器表受此CSS影响