Metin/giriş kutularının etrafındaki odak kenarlığı (anahat) nasıl kaldırılır? (Chrome)

Metin/giriş kutularının etrafındaki turuncu veya mavi kenarlığın (anahat) nasıl kaldırılacağını açıklayabilecek biri var mı? Sanırım bu sadece Chrome'da giriş kutusunun aktif olduğunu göstermek için oluyor. İşte kullandığım giriş CSS'i:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

party-ring
Edited question 2019ösp59ös16 Ağustos 2019 в 4:59
Programlama
google-chrome focus css input border
2010ösp49ös13 Ağustos 2010 в 1:49
29 görünümler
Çözüm

Bu kenarlık, öğenin odaklandığını göstermek için kullanılır (yani, girişi yazabilir veya Enter ile düğmeye basabilirsiniz). Yine de bunu kaldırabilirsiniz:

textarea:focus, input:focus{
    outline: none;
}

Kullanılabilirlik için kullanıcıların hangi öğenin klavye odağına sahip olduğunu bilmeleri için başka bir yol eklemek isteyebilirsiniz.

Chrome ayrıca, modal olarak kullanılan DIV'ler gibi diğer öğelere de vurgulama uygular. Bu ve diğer tüm öğelerin vurgulanmasını önlemek için şunları yapabilirsiniz:

*:focus {
    outline: none;
}
Chuck Le Butt
Edited answer 2016ösp34ös20 Ocak 2016 в 8:34
Yorumlar (16)
 
input:focus {
    outline:none;
}

Bu iş görür. Turuncu taslak artık görünmeyecek.

hichris123
Edited answer 2015ööp31öö24 Aralık 2015 в 12:31
Yorumlar (3)

Çözümü buldum.
Ben kullandım: CSS'de outline:none; kullandım ve işe yaramış gibi görünüyor. Yine de yardım için teşekkürler :)

Yorumlar (2)