Context MenuItem Touch Feedback

ui/webui/resources/css/menu.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. */
 
 menu {
   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .50);
   background: white;
   border-radius: 2px;
   color: black;
   cursor: default;
@@ skipping 41 matching lines @@
 }
 
 menu > [disabled] {
   color: rgba(0, 0, 0, .3);
 }
 
 menu > [hidden] {
   display: none;
 }
 
 menu > :not(hr)[selected] {

[Dan Beam, 2014/09/19 18:43:59]

menu > :not(hr):-webkit-any([selected], :active) {
  background-color: rgba(0, 0, 0, .06);
}

[jonross, 2014/09/19 19:07:03]

Done.

   background-color: rgba(0, 0, 0, .06);
 }
 
-menu > :not(hr)[selected]:active {
+menu > :not(hr):active {
   background-color: rgba(0, 0, 0, .06);
 }
 
 menu > [checked]::before {
   content: url('../images/checkbox_black.png');
   display: inline-block;
   height: 9px;
   margin: 0 5px;
   width: 9px;
 }
 
 menu > [checked] {
   -webkit-padding-start: 0;
 }
 
 menu > [selected][checked]:active::before {
   content: url('../images/checkbox_white.png');
 }
 
 /* TODO(zvorygin) menu > [shortcutText]::after - this selector is much better,
  * but it's buggy in current webkit revision, so I have to use [showShortcuts].
  */
 menu[showShortcuts] > ::after {
   -webkit-padding-start: 30px;
   color: #999;
   content: attr(shortcutText);
   float: right;
 }