Yuvarlak köşeler elde zaten varanahatdiv Bir elementin, border-radius benzer?

Şimdi eski bir soru, ama bu benzer bir sorunu olan biri için uygun olabilir. border yuvarlak ile giriş alanı vardı ve odak anahat rengini değiştirmek istedi. Giriş kontrolü için korkunç Kare outline evcil edemedim.

Bunun yerine, box-shadow kullandım. Aslında gölge yumuşak görünümünü tercih, ama gölge bir yuvarlak anahat simüle etmek için sertleşmiş olabilir:

/* Smooth outline with box-shadow: */
input[type=text]:focus {
    box-shadow: 0 0 3pt 2pt red;
}

/* Hard "outline" with box-shadow: */
input[type=text]:focus {
    box-shadow: 0 0 0 2pt red;
}