如何添加X以清除输入字段

Question

我正在两页上使用datatable.js。一方面，有一个X用来清除输入字段，另一方面，没有

当我在chrome中使用dom检查器时，在X所在的dom中什么都没有。

我想我在两个页面上都设置了相同的选项；我想念什么？

Answer 1

一个实际的例子会很好。通过屏幕截图，在我看来您使用的是不同的样式，我想第二页上是bootstrap4。引导程序有意通过[]删除×

[type="search"] { -webkit-appearance: none; }
如果使用的是DataTables bootstrap4样式，则可以通过[]强制将取消按钮重新出现在DT过滤器输入框中，>
.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
  -webkit-appearance: button !important;
}
这是WebKit / Blink问题。我认为边缘对等称为::-ms-clear，但没有用于对其进行测试的窗口。

尝试覆盖CSS中的样式：

[type="search"] {
    -webkit-appearance: auto !important;
}

Answer 2

尝试覆盖CSS中的样式：