css如何修改select下的option样式，比如让option的字体居中
来源：4-1 事件监听
慕仰5025445
2021-02-16 14:18:33
css如何修改select下的option样式，比如让option的字体居中
写回答
1回答
-
同学你好，没有这样的样式。只能通过padding让整体看起来在中间，但实际上并不能实现真正的居中。如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>select选择器</title>
<style type="text/css">
select {
width: auto;
padding: 0 2%;
margin: 0;
}
</style>
</head>
<body>
<select>
<option>请选择选项</option>
<option>+</option>
<option>橘子</option>
<option>-</option>
</select>
</body>
</html>
这个了解一下即可，想要让菜单项内容居中，就不要使用select，而是用div或者ul布局自己手写一个下拉菜单效果，这样可以使用text-align: center让文本居中了哦。
祝学习愉快~
0
相似问题