我如何使用 table CSS 属性除了 google 自定义搜索之外的所有 table？

Question

我正在创建一个网站，我使用了 google 自定义搜索。当我尝试为 th 添加边框时，他们也申请了我的 GCSE。它出现在那里时看起来很难看。我想弄清楚如何使用我的 CSS 代码所有 table 除了 google 自定义搜索。这是我的网站，https://vendabariulo.gov.bd/citizen-charter/

这是我的代码，

th, td {
text-align: left;
padding: 8px;
border: 1px solid #ddd;
}

这是我的搜索按钮截图，周围有一个边框。如果我从 th 中删除边框，td 它看起来很漂亮。

enter image description here

Answer 1

您可以尝试设置 Google 自定义搜索本身的样式。

这条规则可能对您有所帮助

gsc-search-box th, gsc-search-box td {
    /* apply your rules here as you like.
    For example, border:none; */
}

Answer 2

谢谢大家。经过半个小时的思考和尝试，我想通了一些东西。这对我有用。我认为这是一个有效的 CSS 规则。

我将 div class 添加到我的 google 自定义搜索 代码并添加这个简单的代码，

.gcse td, th, tr {
border: none;
}

Answer 3

使用 :not() CSS 伪 class 作为 developer.mozilla.org

中的学说

    table:not(table.gsc-search-box){ 

    /* your style definition */

        text-align: left;
        padding: 8px;
        border: 1px solid #ddd;

     }

希望对您有所帮助。

我如何使用 table CSS 属性除了 google 自定义搜索之外的所有 table？

How can I use table CSS property all of my table except google custom search?

css

wordpress

google-custom-search

我如何使用 table CSS 属性 除了 google 自定义搜索之外的所有 table？

How can I use table CSS property all of my table except google custom search?

css

wordpress

google-custom-search

我如何使用 table CSS 属性除了 google 自定义搜索之外的所有 table？