NNTP: Fix issue where focused buttons where not distinguisgable from

non focused buttons.

BUG=16973

TEST=Tab to the buttons at the top of the NNTP. They should have a
*outlined* look (same as hover).

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

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

1 files changed, 10 insertions, 5 deletions

diff --git a/chrome/browser/resources/new_new_tab.css b/chrome/browser/resources/new_new_tab.css
index 8dbc68f..d10be8b 100644
--- a/chrome/browser/resources/new_new_tab.css
+++ b/chrome/browser/resources/new_new_tab.css
@@ -525,7 +525,8 @@ html[dir='rtl'] #view-toolbar {
   background-image: url(chrome://theme/newtab_thumb_off);
 }
 
-#thumb-checkbox:hover {
+#thumb-checkbox:hover,
+#thumb-checkbox:focus {
   background-image: url(chrome://theme/newtab_thumb_off_h);
 }
 
@@ -537,7 +538,8 @@ html[dir='rtl'] #view-toolbar {
   background-image: url(chrome://theme/newtab_thumb_on);
 }
 
-#thumb-checkbox:checked:hover {
+#thumb-checkbox:checked:hover,
+#thumb-checkbox:checked:focus {
   background-image: url(chrome://theme/newtab_thumb_on_h);
 }
 
@@ -549,7 +551,8 @@ html[dir='rtl'] #view-toolbar {
   background-image: url(chrome://theme/newtab_list_off);
 }
 
-#list-checkbox:hover {
+#list-checkbox:hover,
+#list-checkbox:focus {
   background-image: url(chrome://theme/newtab_list_off_h);
 }
 
@@ -561,7 +564,8 @@ html[dir='rtl'] #view-toolbar {
   background-image: url(chrome://theme/newtab_list_on);
 }
 
-#list-checkbox:checked:hover {
+#list-checkbox:checked:hover,
+#list-checkbox:checked:focus {
   background-image: url(chrome://theme/newtab_list_on_h);
 }
 
@@ -573,7 +577,8 @@ html[dir='rtl'] #view-toolbar {
   background-image: url(chrome://theme/newtab_option);
 }
 
-#option-button:hover {
+#option-button:hover,
+#option-button:focus {
   background-image: url(chrome://theme/newtab_option_h);
 }