在 html select 标签上缩进文本

Question

我有一个 select 标签，我想给它一些风格。

<select class="points-selection"
        ng-options="line as line.pick for line in slip.lines">
</select>

那我有这个

  .points-selection {
    background-color: get-color(nieve);
    border: 0;
    border-radius: get-space(xxx-small);
    color: get-color(night);
    cursor: pointer;
    margin-top: get-space(xxx-small) + 1.5;
    padding: get-space(xxx-small);
    text-indent: 32.5%;
    width: 100%;
  }

我将 text-indent 道具设置为 32.5%。

在chrome是这样做的

这正是我需要的。

但是我在 Firefox 上有这个

很明显，文本在 Firefox 中没有居中，这是我目前的问题。

那么我应该怎么做才能解决它？

Answer 1

尝试为每个浏览器规范化 css

*{
     margin:0px;
     padding:0px;
 }

或转到此 link Normalize.css in GitHub

在 html select 标签上缩进文本

Indenting text on html select tag

css

cross-browser