怎么设置select字体居中显示
展开全部
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.ui-select {
text-align: center;
/* 加border只是为了看到边框*/
border:solid 1px;
}
.ui-select select {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 3em;
opacity: 0;
}
</style>
</head>
<body>
<div class="ui-select">
<span>The 1st Option</span>
<select>
<option value="1">The 1st Option</option>
<option value="2">The 2nd Option</option>
<option value="3">The 3rd Option</option>
<option value="4">The 4th Option</option>
</select>
</div>
</body>
</html>
基本实现思路就是隐藏掉select，实际点击到的是span。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
