Add controlled setting indicators for content settings

chrome/browser/resources/options/controlled_setting.js

 // 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.
 
 cr.define('options', function() {
   var Preferences = options.Preferences;
 
   /**
    * A controlled setting indicator that can be placed on a setting as an
    * indicator that the value is controlled by some external entity such as
@@ skipping 13 matching lines @@
       var self = this;
 
       // If there is a pref, track its controlledBy and recommendedValue
       // properties in order to be able to bring up the correct bubble.
       if (this.pref) {
         Preferences.getInstance().addEventListener(
             this.pref, this.handlePrefChange.bind(this));
         this.resetHandler = this.clearAssociatedPref_;
       }
 
+      this.className = 'controlled-setting-indicator';
       this.tabIndex = 0;
       this.setAttribute('role', 'button');
       this.addEventListener('click', this);
       this.addEventListener('keydown', this);
       this.addEventListener('mousedown', this);
     },
 
     /**
      * The given handler will be called when the user clicks on the 'reset to
      * recommended value' link shown in the indicator bubble. The |this| object
@@ skipping 177 matching lines @@
    * @type {string}
    */
   cr.defineProperty(ControlledSettingIndicator, 'controlledBy',
                     cr.PropertyKind.ATTR);
 
   // Export.
   return {
     ControlledSettingIndicator: ControlledSettingIndicator
   };
 });