fix ntp nav dots

add .custom-appearance for text input types

BUG=117618
TEST=manual


Review URL: http://codereview.chromium.org/9663036

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

chrome/browser/resources/ntp4/nav_dot.js

@@ -43,6 +43,7 @@ cr.define('ntp', function() {
 
       // TODO(estade): should there be some limit to the number of characters?
       this.input_ = this.ownerDocument.createElement('input');
+      this.input_.className = 'custom-appearance';
       this.input_.setAttribute('spellcheck', false);
       this.input_.value = title;
       // Take the input out of the tab-traversal focus order.

chrome/browser/resources/shared/css/widgets.css

@@ -259,11 +259,11 @@ label > input[type=radio]:disabled ~ span {
 
 /* Text inputs ****************************************************************/
 /* TODO(estade): add more types here? */
-input[type='password'],
-input[type='search'],
-input[type='text'],
-input[type='url'],
-input:not([type]) {
+input[type='password']:not(.custom-appearance),
+input[type='search']:not(.custom-appearance),
+input[type='text']:not(.custom-appearance),
+input[type='url']:not(.custom-appearance),
+input:not([type]):not(.custom-appearance) {
   border: 1px solid #bfbfbf;
   border-radius: 2px;
   box-sizing: border-box;