title: Removing list effect when tapping on ons-button in the right of ons-list-item
body: <p>I have ons-list as follows:</p>
  
  <pre><code>&lt;ons-list-item modifier="tappable" class="list-item" ng-repeat="item in items" ng-click="onItemSelect(item);"&gt;
       &lt;ons-row&gt;
            &lt;ons-col width="105px"&gt;
                &lt;img ng-src="{{item.thumb}}"&gt;&lt;/img&gt;
            &lt;/ons-col&gt;
            &lt;ons-col&gt;
            &lt;div class="item-title"&gt;
                {{ item.name }}
            &lt;/div&gt;
            &lt;/ons-col&gt;
            &lt;ons-col&gt;
                &lt;ons-button ng-click="onClick();"&gt;Add&lt;/ons-button&gt;
            &lt;/ons-col&gt;
       &lt;/ons-row&gt;
   &lt;/ons-list-item&gt;
  </code></pre>
  
  <p></p>
  
  <p>There is always an effect after tapping on the list and the same thing goes when tapping on Add button.</p>
  
  <p>I wonder is there any way to remove the effect when tapping on Add button on the right-side of the list?</p>