0

次のように、マークアップで検索入力を使用しています。

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

Webkit は、さまざまな方法で「検索」タイプの入力要素のスタイルを設定します。

機能の 1 つは、入力を開始すると、入力要素の右側にキャンセル (「x」) ボタンが表示されることです。

ただし、ヘブライ語やアラビア語などの右から左へ記述する言語を使用している場合、Webkit のキャンセル ボタンは (左ではなく) 右側に表示されます。

これは、この点を示すフィドルです。

  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 に答える