[uber page] Fix font-family for button and select elements on uber pages.

BUG=112360
TEST=Manual.
Review URL: https://chromiumcodereview.appspot.com/9307039

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@120136 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/options2/options_page.css

@@ -100,12 +100,13 @@ html[dir="rtl"] .search-field-container {
   right: auto;
 }
 
+/* TODO(csilv): M19 Move this styling to a shared location for all webui. */
 #search-field {
   -webkit-appearance: none;
   -webkit-margin-end: 18px;
   border: 1px solid rgba(0, 0, 0, 0.25);
   border-radius: 2px;
-  font: normal 12px 'Open Sans';
+  font: inherit;
   margin: 0;
   /* 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). */

chrome/browser/resources/shared/css/button.css

@@ -12,7 +12,9 @@ input[type='submit']:not(.custom-appearance) {
   background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
   border: 1px solid #aaa;
   color: #444;
-  font-size: inherit;
+  /* Input elements have -webkit-small-control which can override the body font.
+   * Resolve this by using 'inherit'. */
+  font: inherit;
   margin-bottom: 0;
   min-width: 4em;
   padding: 3px 12px;
@@ -79,9 +81,6 @@ input[type='search']:not(.custom-appearance):focus {
   border: none !important;
   color: rgb(17, 85, 204) !important;
   cursor: pointer;
-  /* Input elements have -webkit-small-control which overrides the body font.
-   * Resolve this by using 'inherit'. */
-  font-family: inherit;
   margin: 0;
   padding: 0 4px !important;
 }

chrome/browser/resources/shared/css/select.css

-/* Copyright (c) 2011 The Chromium Authors. All rights reserved.
+/* 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 is the generic select css used on various WebUI implementations.
  */
 
 select {
@@ -18,7 +16,7 @@ select {
   background-repeat: no-repeat;
   border: 1px solid #aaa;
   color: #555;
-  font-size: inherit;
+  font: inherit;
   margin: 0;
   overflow: hidden;
   padding-top: 2px;