0

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

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

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

一个特点是，当您开始输入输入时 - 您会在输入元素的右侧看到一个取消 ('x') 按钮。

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

这是一个证明这一点的小提琴。

  1. 这是一个 webkit 错误吗？

  2. 如果它是一个错误 - 是否有一种解决方法我仍然可以type="search"在我的标记中使用

4

2 回答 2

1

这不是严格意义上的错误，因为取消按钮上没有公共规范。这是一个（错误）功能，或不完整的本地化。它已在 2010 年的 WebKit Bugzilla 上被报告为错误 51499，看起来它不会被修复。

于 2013-02-27T15:03:25.910 回答
0

为了完整起见，我刚刚在这篇文章中找到了解决此问题的方法

以下代码将使您能够根据需要设置“x”按钮的样式和位置。

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

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

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

看这个的现场演示。

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

input[type="search"]::-webkit-search-cancel-button
{
  display: none;
}
于 2013-02-28T08:03:27.787 回答