Here's the rule I'm using:
.js-input-border-pulsing, .js-search-pulsing, .js-text-pulsing {
animation: none !important;
}
These classes are taken from this stylesheet, which should be somewhere in your <head>
:
<style type="text/css">.js-alpha-search-label { color: hsl(210, 8%, 75%); }.js-search-pulsing { border-radius: 8px; border: 2px solid transparent; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; outline: 0 }@-webkit-keyframes pulse { from { border-color: transparent; } 50% { border-color: hsl(206, 93%, 83.5%); } to { border-color: transparent }}@keyframes pulse { from { border-color: transparent; } 50% { border-color: hsl(206, 93%, 83.5%); } to { border-color: transparent }}.js-input-border-pulsing { animation: blink 2s infinite; outline: 0; -webkit-animation: blink 2s infinite; outline: 0 }@-webkit-keyframes blink { from { border-color: hsl(210, 8%, 75%); } 50% { border-color: hsl(206, 93%, 83.5%); } to { border-color: hsl(210, 8%, 75%); }}@keyframes blink { from { border-color: hsl(210, 8%, 75%); } 50% { border-color: hsl(206, 93%, 83.5%); } to { border-color: hsl(210, 8%, 75%); }}.js-text-pulsing { color: hsl(210, 8%, 75%); animation: color-change 2s infinite; -webkit-animation: color-change 2s infinite; }@-webkit-keyframes color-change { from { color: hsl(210, 8%, 75%); } 50% { color: hsl(206, 100%, 52%); } to { color: hsl(210, 8%, 75%); }}@keyframes color-change { from { color: hsl(210, 8%, 75%); } 50% { color: hsl(206, 100%, 52%); } to { color: hsl(210, 8%, 75%); }}</style>
Apply this rule with an extension of your choice. For me, a Chrome user, it's Stylus.