Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/forms/select-popup/popup-menu-appearance-text-align.html 

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-100">
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../resources/picker-common.js"></script>

<style>
  select {
    width: 100px;
    font-size: 20px;
    display:block;
  }
</style>

<!-- text-align CSS should work inside <select> -->
<select>
  <option style="text-align:right;" selected>right</option>
  <option >auto</option>
  <option style="text-align:left">left</option>
  <option style="text-align:center">center</option>
</select>
<select>
  <option style="text-align:right;">right</option>
  <option selected>auto</option>
  <option style="text-align:left">left</option>
  <option style="text-align:center">center</option>
</select>
<select style="text-align:right">
  <option style="text-align:right;">right</option>
  <option selected>auto rtl</option>
  <option style="text-align:left">left</option>
  <option style="text-align:center">center</option>
</select>
<select>
  <option style="text-align:right;">right</option>
  <option >auto</option>
  <option style="text-align:left" selected>left</option>
  <option style="text-align:center">center</option>
</select>
<select>
  <option style="text-align:right;">right</option>
  <option >auto</option>
  <option style="text-align:left" >left</option>
  <option style="text-align:center" selected>center</option>
</select>

<select id="menu" style="width: 200px; ">
  <option style="text-align:right;" >right</option>
  <option >auto</option>
  <option style="text-align:left">left</option>
  <option style="text-align:center">center</option>
</select>
<script>
  window.onload = openPickerAppearanceOnly(document.querySelector('#menu'));
</script>