Improve accessibility of user image selection screen.

chrome/browser/resources/options2/chromeos/change_picture_options.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. */
 
 #change-picture-page .content-area {
   min-width: 800px;
 }
 
 #user-image-grid {
   -webkit-user-drag: none;
@@ skipping 12 matching lines @@
   padding: 0;
 }
 
 #user-image-grid img {
   background-color: white;
   height: 64px;
   vertical-align: middle;
   width: 64px;
 }
 
-#user-image-grid [role=listitem] {

[Ivan Korotkov, 2012/08/03 01:00:23]

Ditto

[dmazzoni, 2012/08/03 22:59:01]

Changed to > li as discussed.

+#user-image-grid li {
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   display: inline-block;
   margin: 8px;
   padding: 3px;
 }
 
 #user-image-grid [selected] {
   border: 2px solid rgb(0, 102, 204);
   padding: 2px;
@@ skipping 129 matching lines @@
   background: url('chrome://theme/IDR_USER_IMAGE_RECYCLE')
       no-repeat center 0;
   display: block;
 }
 
 [camera=webrtc] .camera.live.online #take-photo {
   background: url('chrome://theme/IDR_USER_IMAGE_CAPTURE')
       no-repeat center -1px;
   display: block;
 }