History: Use images instead of unicode characters.

chrome/browser/resources/history/history.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. */
 
 body:not(.uber-frame) {
   color: rgb(48, 57, 66);
   margin: 0 8px 0 8px;
 }
 
 #editing-controls,
@@ skipping 218 matching lines @@
 .entry-box:hover input[type=checkbox],
 .entry-box input[type=checkbox]:focus {
   opacity: 1;
 }
 
 .entry-box input[type=checkbox]:focus {
   -webkit-transition: opacity 150ms;
 }
 </if>
 
+#range-previous::before {

[Patrick Dubroy, 2013/02/07 18:49:24]

This should probably also be done with a background image. See how
chrome://settings puts the arrow on <select> items, for example.

+  -webkit-transform: rotate(180deg);
+  content: url('../triangle_small_right.png') no-repeat;
+  display: inline-block;
+  position: relative;
+}
+
+#range-next::before {
+  content: url('../triangle_small_right.png') no-repeat;
+  position: relative;
+  top: 1px;
+}
+
 .entry-box {
   background-color: none;
 }
 
 .entry-box:hover,
 .entry-box.contains-focus {
   background-color: rgb(252, 252, 252);
   border-radius: 2px;
 }
 
 .entry .title {
   -webkit-box-flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .day-results > .entry .title,
 .search-results > .entry .title,
 .site-domain {
   /* Make room for the favicon. */
   -webkit-padding-start: 20px;
 
   /* Control the favicon appearance. */
   background-position-y: 3px;
   background-repeat: no-repeat;
   background-size: 16px;
 }
 
+.site-arrow-button {
+  background: url('../triangle_small_right.png') no-repeat;
+  display: inline-block;
+  height: 12px;
+  left: 5px;
+  position: absolute;
+  top: 5px;
+  width: 12px;
+}
+
 .site-domain-arrow {
   -webkit-transition: -webkit-transform 300ms linear;
   color: #8F8F8F;
   height: 21px;
   margin-right: 2px;
   text-align: center;
   width: 21px;
 }
 
 .site-domain-arrow.collapse {
@@ skipping 32 matching lines @@
 
 .menu-button.drop-down {
   position: relative;
   top: 2px;
 }
 
 #action-menu > :not(hr) {
   line-height: 29px;
   outline: none;
 }