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

Question

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

当我在 chrome 中使用 dom 检查器时，X 所在的 dom 中没有任何内容。

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

Answer 1

如果有一个实际的例子就更好了。通过屏幕截图，在我看来，您正在使用不同的样式，我猜 bootstrap4 在第二页上。Bootstrap 故意删除了\xc3\x97by

\n\n

[type="search"] { -webkit-appearance: none; }\n

\n\n

如果您使用 DataTables bootstrap4 样式，您可以通过以下方式强制取消按钮重新出现在 DT 过滤器输入框中

\n\n

.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {\n  -webkit-appearance: button !important;\n  -moz-appearance: button !important; \n}\n

\n\n

这是一个 WebKit/Blink 问题。我认为边缘等效被称为::-ms-clear，但没有窗口来测试它。

\n\n\n\n

演示 -> https://jsfiddle.net/au0j4h89/

\n