文字对齐无法在Chrome的选择控件上运行

Ani*_*abu 4 html css firefox google-chrome

我已经解决了我的问题。居中在Firefox中有效,但在chrome中不起作用。有任何想法吗?

.center_align
{
  text-align: center;
  width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
</head>
<body>
    <select class="form-control center_align">
        <option value="0">   - Välj -</option>
        <option value="1" selected="">   Kategorier valda</option>
     </select>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Ehs*_*san 5

用途text-align-last:center;

.center_align {
  text-align:center;
  width: 100%;
  text-align-last:center;<----------Added
}
Run Code Online (Sandbox Code Playgroud)

.center_align {
  text-align:center;
  width: 100%;
  text-align-last:center;<----------Added
}
Run Code Online (Sandbox Code Playgroud)
.center_align {
  text-align:center;
  width: 100%;
  text-align-last:center;
}
Run Code Online (Sandbox Code Playgroud)