用CSS将select/option文本居中

来源:互联网 发布:未闻花名但知花香出处 编辑:程序博客网 时间:2024/06/15 17:51
<select>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>

</select>


css :


select {
    width: 70px;
    height: 37px;
    padding: 0 0 0 20px;
}

或者

select {
    width: 70px;
    height: 37px;
    text-align: center;
    text-align-last: center;
}


原创粉丝点击