MD-Settings: Convert users of cr:cancel to paper-icon-button-light.

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

 <link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_search_field_behavior.html">
+<link rel="import" href="chrome://resources/cr_elements/icons.html">
+<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner-lite.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_search_field_behavior.html">
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
 
 <dom-module id="cr-toolbar-search-field">
   <template>
-    <style>
+    <style include="cr-shared-style">
       :host {
         align-items: center;
         display: flex;
         height: 40px;
         transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
             width 150ms cubic-bezier(0.4, 0, 0.2, 1);
         width: 44px;
       }
 
       [hidden] {
         display: none !important;
       }
 
+      button[is='paper-icon-button-light'],
       paper-icon-button {
         height: 32px;
         margin: 6px;
         min-width: 32px;
         padding: 6px;
         width: 32px;
       }
 
       #icon {
         transition: margin 150ms, opacity 200ms;
@@ skipping 110 matching lines @@
           on-input="onSearchTermInput"
           on-search="onSearchTermSearch"
           on-keydown="onSearchTermKeydown_"
           on-focus="onInputFocus_"
           on-blur="onInputBlur_"
           incremental
           autofocus>
       </input>
     </div>
     <template is="dom-if" if="[[hasSearchText]]">
-      <paper-icon-button icon="cr:cancel" id="clearSearch"
-          title="[[clearLabel]]" on-tap="clearSearch_">
-      </paper-icon-button>
+      <button is="paper-icon-button-light" class="icon-cancel-toolbar"
+          id="clearSearch" title="[[clearLabel]]" on-tap="clearSearch_">
+      </button>
     </template>
   </template>
   <script src="cr_toolbar_search_field.js"></script>
 </dom-module>