css - Which is the best way to express event of button clicked?

Question

Here is my button. When I click it in Firefox it shows some dotted line in it. But on Chrome it does not show any expression so that user can fill button is clicked.

<input type="submit" class="button" onclick="GetSentiment()" id="GetSentiment" value="Get Sentiment" />

Can some one let me know any attractive button click event for this?

http://jsfiddle.net/karimkhan/y6XGg/

I tried with gradient but it was on button hover. And could not create appropriate color shading for color in above fiddle. I appreciate if some one can look it.

Answer 1

现场演示

.button::-moz-focus-inner {
  border: 0;
}