Giriş alanına otomatik doldurma safari simgesi nasıl gizlenir

Question

Giriş alanlarının her biri, ok ile safari içindeki küçük kişi simgesine sahiptir. Bunu nasıl devre dışı bırakırım? Bu arada başka benzer bir sayfam var ve bu gerçekleşmiyor. Web denetçisinde tüm stilleri kapatmaya çalıştım ve bir sayfa hala simgesine sahip. Yani css veya html olup olmadığını bilmiyorum.

Answer 1

Tamamen gizlemek isterseniz, aşağıdaki css numaralarını kullanabilirsiniz. Temelde 'kişiler-otomatik doldurma-butonunu' algılar ve onu giriş alanınızdan uzaklaştırır. Alanlarınızdan ekstra dolgu almamak için 'mutlak: konum' olduğundan emin olun. İlgili

input::-webkit-contacts-auto-fill-button { 
    visibility: hidden; 
    display: none !important; 
    pointer-events: none; 
    position: absolute; 
    right: 0; 
} 

Answer 2

: Bir input[type="password"] için anahtar simgesinin konumunu ayarlamak istedim ama her yerde sözde elemanı seçici bulamadık.

yüzden

::-webkit-credentials-auto-fill-button { 
    visibility: hidden; 
    pointer-events: none; 
    position: absolute; 
    right: 0; 
} 

Answer 3

gizleme otomatik doldurma Safari simgesini :) bulabildim Otomatik doldurma düğmelerinin özellikleri.

Safari'nin simgelerini tamamen gizlemek için, sarıcısını da gizleyebilirsiniz.

Simgeler Gölge İçeriği olduğundan, DOM bunu göstermez, ancak DOM gölgesini yapar. Denetçideki '<>' düğmesini açmanız yeterlidir. Eğer şifre anahtarlık ve kapaklar kilit göstergesi bulacaksınız İçinde

input::-webkit-textfield-decoration-container { 
    display: none; /* or whatever styling you want */ 
} 

: Orada

Eğer böyle css ile hedefleyebilir sarma kabı bulacaksınız

input::-webkit-caps-lock-indicator { 
} 

input::-webkit-credentials-auto-fill-button { 
} 

Oh, ve siz bu konudayken, net düğmeleri ve şifre göz simgeleriyle IE'yi unutma:

input::-ms-clear { 
} 

input::-ms-reveal { 
} 

Answer 4

Hepiniz iptal etmek gerekmez webkit kaynağını klonlanmış ve giriş şifre alanına

input::-webkit-credentials-auto-fill-button