填充不适用于IE11

Question

我已经在我的option上应用了填充，这似乎在chrome和firefox中运行良好，但在IE11上......填充根本看不到。

我在网上查了一下，尝试了各种各样的事情：

-ms-appearance: none;

但它没有帮助解决这个问题。

HTML：

<div>
  <select class="listBox list-box" size="6" multiple>
    <option>Test 1</option>
  </select>
</div>

CSS：

.listBox {
  height: 250px;
  width: 200px;
}

.list-box option {
  padding-top: 13px;
  padding-bottom: 7px;
  padding-left: 15px;
}

select {
  padding: 10px;
  width: 200px;
}

JSFiddle Demo