webui: minimize webui flicker.

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. */
 
 /* Default state **************************************************************/
 
+body {
+  /* This is the default for most locales and platforms. It exists here to
+   * minimize flicker when first showing pages. It's overriden by the actual
+   * font size (IDS_WEB_FONT_SIZE) via JS later, usually to the same value. */
+  font-size: 75%;

[Evan Stade, 2014/11/22 05:14:44]

I don't know if this is the right file for this. "This file defines styles for
form controls..."

Why not do the same thing as with the font family and size?

[Dan Beam, 2014/11/25 19:52:34]

moved to a new, smaller "text_defaults.css" that's processed by the C++ data
handler to have the right values sooner in page load.  ptal.

+}
+
 :-webkit-any(button,
              input[type='button'],
              input[type='submit']):not(.custom-appearance),
 select,
 input[type='checkbox'],
 input[type='radio'] {
   -webkit-appearance: none;
   -webkit-user-select: none;
   background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
   border: 1px solid rgba(0, 0, 0, 0.25);
@@ skipping 279 matching lines @@
   display: block;
 }
 
 :-webkit-any(.checkbox, .radio) label:hover {
   color: black;
 }
 
 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span {
   color: #999;
 }