Uprefix CSS transitions in ui/ and chrome/ styles

ui/webui/resources/css/widgets.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* This file defines styles for form controls. The order of rule blocks is
  * important as there are some rules with equal specificity that rely on order
  * as a tiebreaker. These are marked with OVERRIDE. */
 
 @import url(action_link.css);
 
@@ skipping 18 matching lines @@
   text-shadow: 0 1px 0 rgb(240, 240, 240);
   user-select: none;
 }
 
 :-webkit-any(button,
              input[type='button'],
              input[type='submit']):not(.custom-appearance),
 select {
   min-height: 2em;
   min-width: 4em;
-  padding-top: 1px;
   padding-bottom: 1px;
 <if expr="is_win or is_macosx">
   /* The following platform-specific rule is necessary to get adjacent
    * buttons, text inputs, and so forth to align on their borders while also
    * aligning on the text's baselines. */
   padding-bottom: 2px;
 </if>
+  padding-top: 1px;
 }
 
 :-webkit-any(button,
              input[type='button'],
              input[type='submit']):not(.custom-appearance) {
   -webkit-padding-end: 10px;
   -webkit-padding-start: 10px;
 }
 
 select {
@@ skipping 36 matching lines @@
 input:not([type]),
 textarea {
   border: 1px solid #bfbfbf;
   border-radius: 2px;
   box-sizing: border-box;
   color: #444;
   font: inherit;
   margin: 0;
   /* Use min-height to accommodate addditional padding for touch as needed. */
   min-height: 2em;
+  outline: none;
   padding: 3px;
-  outline: none;
 <if expr="is_win or is_macosx or is_ios">
   /* For better alignment between adjacent buttons and inputs. */
   padding-bottom: 4px;
 </if>
 }
 
 input[type='search'] {
   -webkit-appearance: textfield;
   /* NOTE: Keep a relatively high min-width for this so we don't obscure the end
    * of the default text in relatively spacious languages (i.e. German). */
@@ skipping 112 matching lines @@
     input[type='password'],
     input[type='radio'],
     input[type='search'],
     input[type='text'],
     input[type='url'],
     input:not([type]),
     :-webkit-any(
          button,
          input[type='button'],
          input[type='submit']):not(.custom-appearance)) {
-  /* OVERRIDE */
-  -webkit-transition: border-color 200ms;
   /* We use border color because it follows the border radius (unlike outline).
    * This is particularly noticeable on mac. */
   border-color: rgb(77, 144, 254);
   outline: none;
+  /* OVERRIDE */
+  transition: border-color 200ms;
 }
 
 /* Checkbox/radio helpers ******************************************************
  *
  * .checkbox and .radio classes wrap labels. Checkboxes and radios should use
  * these classes with the markup structure:
  *
  *   <div class="checkbox">
  *     <label>
  *       <input type="checkbox"></input>
@@ skipping 27 matching lines @@
 
 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span {
   color: #999;
 }
 
 extensionview {
   display: inline-block;
   height: 300px;
   width: 300px;
 }