Javascript 在“选择”中对齐文本中心

目前，我为自己制作了一个风格不错的选择框：

但是，如果我要将宽度设置为比相对宽度长，或者像下面这样有一个很长的选项，那么文本将不会居中

<option>This is a really long option that will distort the width of the selections</option>

这是一个非常长的选项，它会扭曲选择的宽度

---

是否有一种方法可以设置它的样式，使其在“跨浏览器选择”中居中显示文本？我不在乎它是javascript还是css。只需要一些有用的东西。

使用CSS。设置

宽度

和

文本对齐

---

我现在读了一些文档。。。而且恐怕，使用简单的CSS是不可能的。

---

你可以使用某个人在中推荐的东西，然后使用CSS重新设计。设置

宽度

和

文本对齐

---

我现在读了一些文档。。。而且恐怕，使用简单的CSS是不可能的。

---

你可以使用某个人在中推荐的东西并重新设计

设置

文本对齐：居中用于选择设置
文本对齐：居中对于选择，我认为*实现这一点的唯一方法是使用插件，我碰巧知道一个惊人的插件：

普通的选择框很难设置样式。。。不过很快我们就可以用声名狼藉的影子DOM来实现这一点了。这是一个添加了JS功能的普通选择菜单（感谢Ben Plum）

“资源”中包含外部文件，请随意获取



第一类
第2类
第3类
第4类
第5类
第6类
类别7
类别7
类别7
类别7

我希望这有帮助
 我认为*实现这一点的唯一方法是使用插件，我碰巧知道一个非常棒的插件：

普通的选择框很难设置样式。。。不过很快我们就可以用声名狼藉的影子DOM来实现这一点了。这是一个添加了JS功能的普通选择菜单（感谢Ben Plum）

“资源”中包含外部文件，请随意获取



第一类
第2类
第3类
第4类
第5类
第6类
类别7
类别7
类别7
类别7

我希望这有帮助
 你的问题很让人困惑，我看不出这里的对齐有任何问题，如果你有一个长文本选项，选择将增长到包含该长文本，除此之外，它看起来很好。如果要限制选择的宽度，请尝试使用
max width
属性。@我正试图将
select
中的文本居中。我不关心元素的宽度。您需要文本对齐选项值的中心。对吧?@Spedwards@Boopathi多多少少，是的。你可以使用自定义的类似选择，也许你可以使它的文本中心对齐。你的问题很混乱，我看不出对齐有任何问题，如果你有一个长文本选项，选择将增长到包含该长文本，除此之外，它看起来不错。如果要限制选择的宽度，请尝试使用
max width
属性。@我正试图将
select
中的文本居中。我不关心元素的宽度。您需要文本对齐选项值的中心。对吧?@Spedwards@Boopathi或多或少，是的。您可以使用自定义的选择，例如，您可以使其文本中心对齐。
    <div class="row">
        <div class="col50">
            <select>
                <option value="de_DE-test">Category 1</option>
                <option value="en_US-test">Category 2</option>
                <option value="es_ES-test">Category 3</option>
                <option value="es_MX-test">Category 4</option>
                <option value="fr_FR-test">Category 5</option>
                <option value="fr_CA-test">Category 6</option>
                <option value="it_IT-test">Category 7</option>
                <option value="pt_BR-test">Category 7</option>
                <option value="sv_SE-test">Category 7</option>
                <option value="zh_CN-test">Category 7</option>
            </select>
        </div>
    </div>