2016-09-26 16 views
5

CSSでthis annoying input icon/button in Safariをどのように隠すことができますか?この新しいアイコンの意味は私には分かりません。なぜなら私には機能がないからです。Safari 10(?)に自動的に追加された入力(ユーザー)ボタンを隠す

Thxを万人、トーマス・

+0

これはいつ表示されますか? – Goombah

+0

奇妙なことに、入力フィールドが表示されているルールと表示されていないルールが見つかりませんでした。時には日付フィールド(type = "date"とマークされていない)と、時には名、姓などの他のフィールドもあります。ページをリロードした後、次のリロード後にのみ表示されます。本当に手がかりはありません。私はすでに管理パネルのために自分自身でそれを行う必要があるので、私はすでにCSSを介してカレンダーの選択、内部/外部スピナーHTML5/Webkitの要素をデフォルトで隠しています。しかし、これはこの奇妙な新しいアイコン/ボタンのために役立つものではありません。 https://www.ideaweb.de/s/160926c2osz.png –

+0

「オートフィルウェブフォーム:自分の連絡先からの情報を使用する」という設定を見つけましたが、オートコンプリート= "オ​​フ"のため表示されない可能性はあります? –

答えて

6

は、私はこのよう

input:focus::-webkit-contacts-auto-fill-button{ 
    opacity: 0; 
} 
+2

も参照してください:http://stackoverflow.com/questions/38663578/how-to-hide-autofill-safari-icon-in-input-field – kitchin

0

この問題を解決し、私はそのアイコンが存在する前に、どれも空のラベルあれば表示されます気づくいます。 解決策はそのように、「後」のラベルからすべてのテキストを削除し、使用してCSSプロパティとしてそれを置くことです:

HTML

<label></label> 
<input> 

CSS

label:before { 
content: 'some text for label'; 
} 
0

良いニュースは、それはです10.1.1に入ったようです。

+0

10.1.2にあります – Danial

関連する問題