Css mavi sınır özel tasarımlı Krom Kaldır düğmesini

SORU

2 Aralık 2013, PAZARTESİ

Css mavi sınır özel tasarımlı Krom Kaldır düğmesini

Bir web sayfası hazırlıyorum ve özel tasarımlı <button> etiketleri istiyorum. CSS ile, dedim ki: border: none. Şimdi mükemmel safari'de çalışıyor, ama ben bu düğmelerden birine tıkladığınızda chrome, etrafında can sıkıcı mavi bir sınır koyar. button:active { outline: none } button:focus { outline:none } çalışacağını düşünmüştüm, ama yine de. Herhangi bir fikir?

Bu gibi tıklandığında (ve nasıl hala tıkladım sonra bakmak istiyorum) önce görünüyor

Ve bu bahsettiğim sınır

enter image description here

İşte benim CSS:

button.launch {
background-color: #F9A300;
border: none;
height: 40px;
padding: 5px 15px;
color: #ffffff;
font-size: 16px;
font-weight: 300;
margin-top: 10px;
margin-right: 10px;
}

button.launch:hover {
cursor: pointer;
background-color: #FABD44;
}

button.change {
background-color: #F88F00;
border: none;
height: 40px;
padding: 5px 15px;
color: #ffffff;
font-size: 16px;
font-weight: 300;
margin-top: 10px;
margin-right: 10px;
}

button.change:hover {
cursor: pointer;
background-color: #F89900;
}

button:active {
outline: none;
border: none;
}