検索フィールド (Safari の場合) を通常のテキスト フィールドのように表示したい (ただし、検索をクリアするための x ボタンが追加されている)
これは私がこれまでに持っているものです:
基本的に、これを適用してスタイルをリセットするだけです。
-webkit-appearance:textfield;
-moz-appearance:textfield;
1つのことを除いて、すべてが順調です。サファリ (Firefox はまだテストしていません) では、入力フィールドをクリックすると、すべての入力フィールドの周りに青い境界線が表示されます。ただし、この例で試してみると、その境界線の表示がテキスト フィールドと検索フィールドで異なることがわかります。
テキスト フィールドでは、青い境界線がフィールドの灰色の境界線の真上にありますが、検索フィールドでは少し間隔があり、灰色の境界線と青い境界線の両方が同時に表示されます。
デフォルトの動作 (テキスト フィールドなど) に戻すことはできますか?
ありがとう、ウェズリー