AndroidとiOSのバージョンが低いセンタリングテキストの問題を選択

著作権:毎日燃料を補給する必要がありますhttps://blog.csdn.net/weixin_43462746/article/details/88242746アヒル

;センター:2 / *テキスト整列で始まるテキスト整列最後:センター; * / 低バージョンのAndroidとiOSため、互換性の問題のため、何の効果も認められませんでした。
見つけ、CSS透明に設定することを選択し、アイデアを提供し、選択した値+テキスト値がライン上に結合してオリジナルのスタイルを選択し、表示、テキストの選択スパンのようなスタイルを変更するためにspanタグを追加し、別のことを忘れないでくださいCECEスタイルの携帯電話は、
コードを伴います

html:
 	<div class="tdOrgIdSelect" style="text-align: center;">
            <span class="virtualSelect" id="orgSelectVal"></span>
        	<select id="orgId" class="tbBillSelect StyledSelect tbBillselecthyh" ng-model="info.bill1" readonly="readonly" ng-init="info.bill1='0'" ng-change="tt2()"></select>
    </div>
css:
.tbBillselecthyh{
        /* border-radius: 50px;
        margin-left: 0px;
        /* text-align: center;
        text-align-last: center; */
        /* border: 1px solid #949494;  */
        /* background-color: transparent;
        position: absolute;
        border: 1px solid transparent; */ 
        position: absolute;
        left: 0px;
        top: 40px;
        width: 100%;
        opacity: 0;
    }
    .tdBillList #orgId {
        background-color: transparent !important;
    }
    .virtualSelect{
        /* display: none; */
        display: inline-block;
        border-radius: 50px;
        border: 1px solid #949494;
        padding: 5px;
        font-size: 16px;
        width: 95%;
        height: 34px;
        background: #fff;
        margin-top: 10px;
        -webkit-appearance: none;
    }    
js: $("#orgSelectVal").text($("#orgId").find("option:selected").text());

おすすめ

転載: blog.csdn.net/weixin_43462746/article/details/88242746