36

をテストしたところ、ブートストラップ スタイルが適用されたときにinput[type="search"]クリア アイコンが表示されません。(x)

4

5 に答える 5

55 
input[type="search"] {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}

Chromeで動作します（Macでは動作しますが、iPhoneでは動作しません...）

于 2013-09-15T14:38:13.683 に答える
8

あなたに関連する問題は、すでにgithubに投稿されています

于 2012-12-19T16:37:16.253 に答える
1

Web Kitを使用している場合、問題はsk8terboi87が投稿した内容に関連している可能性があります。

Searchブートストラップは、Web Kitで確実に行うのが難しすぎるため、タイプ入力のスタイル設定をサポートしていません。

BootstrapはリセットCSSを使用して、通常表示されるクロスを削除します。コアCSSを変更することで元に戻すことができますが、これにより、将来アップグレード時に問題が発生する可能性があります。

別の問題である可能性がありますが、他のブラウザで発生している場合。

于 2012-12-19T16:44:36.407 に答える
1

入力タイプを「text」ではなく「search」に変更し、「none」ではなく -webkit-appearance: block に変更します

于 2020-05-07T06:30:48.233 に答える