Question

我在我的标记中使用搜索输入，如下所示：

<input type="search" placeholder="search" />

Webkit以多种方式设置“搜索”类型的输入元素。

一个功能是，当您开始输入输入时 - 您会在输入元素的右侧看到取消（'x'）按钮。

但是，如果您使用的是从右到左的语言，例如希伯来语或阿拉伯语 - webkit取消按钮仍会显示在右侧（而不是lhs）。

这是a fiddle，它证明了这一点。

这是一个webkit错误吗？
如果是错误 - 是否有解决方法我仍然可以在我的标记中使用type="search"

Answer 1

严格来说，这不是一个错误，因为取消按钮上没有公开说明。这是一个（错误的）功能，或不完整的本地化。据报道，例如在2010年的WebKit Bugzilla中为Bug 51499，看起来不会修复。

Answer 2

为了完整起见，我刚刚在this post

找到了解决此问题的解决方法

以下代码可让您根据需要设置和定位“x”按钮。

input[type="search"]::-webkit-search-cancel-button {

   /* Remove default */
    -webkit-appearance: none;

    /* Now your own custom styles */
    ...
    ...
}

请参阅此LIVE DEMO。

同样，您可以完全删除webkit取消按钮：

input[type="search"]::-webkit-search-cancel-button
{
  display: none;
}

webkit使用从右到左文本的搜索输入元素的样式

2 个答案: