Есть ли: активно и: фокус применяется на щелчке мыши? -Css ⇐ CSS

[Anonymous]

Я прочитал эту статью различия между: фокусировать < /code> и: active < /code>,
В чем разница между: фокусировать и: Active?
Я понимаю из этого, который когда когда Кнопка нажала: Focus: Active Свойства применяются. Однако, что, если когда я нажимаю, я не хочу, чтобы применять каких -либо свойств, которые я определил: FOCUS : Active состояние
Скажите, что у меня есть 3 кнопки, и вот CSS:

Код: Выделить всё

button { color: black; }
button:focus {   outline: 0;
text-decoration: underline;
box-shadow: 0 2px 4px 0 rgba(33, 43, 49, 0.5); }
button:active {   background-color: #000;
border-color: #fff;
color: #fff;
text-decoration: none;
box-shadow: none;}

Теперь, когда я нажимаю и выпускаю мышь после щелчка, я хочу, чтобы Box-shadow и текстовое декорация не было, однако это Все еще отображается после выпуска мыши на клике, это ожидаемое поведение: Focus и: Active Psedo Elements

http://jsfiddle.net/c8txd4e5/

, пожалуйста, кто -нибудь может просветить меня с подходом?
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/546 ... -click-css