select让文字居中:有解

最新推荐文章于 2024-04-23 02:00:49 发布

Monkey Jeep

最新推荐文章于 2024-04-23 02:00:49 发布

阅读量5.1k

点赞数

分类专栏： html5 文章标签： html

html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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>

优惠劵

Monkey Jeep

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
select让文字居中:有解

html>html>head> title>title> style> .ui-select { text-align: center; /* 加border只是为了看到边框*/ border:solid 1px; } .ui-select select {
复制链接

扫一扫