18910140161

HTML-“选择而不单击”中的“显示全部”选项-堆栈溢出

顺晟科技

2022-10-18 13:08:47

231

伙计们,我需要你们的帮助,我想选择显示所有选项,而不是点击选择,我尝试添加多个但当我在移动显示器上尝试时,出现了问题这就是我想要的前端到移动设备

但在手机

这是我的代码。

<代码><;样式>;选择{背景色:透明;边框:无;保证金:0;宽度:100%;font-family:继承;字体大小:14;游标:继承;line-height:继承;大纲:无;文本对齐:居中;身高:90;}选择选项{顶部边距:10;}<;/样式>;<;DIV类=";选择M-AUTO";>;<;选择ID=";标准选择";name=";印度尼西亚语";多个>;<;选项值=";ID";>;印度尼西亚语<;/选项>;<;选项值=";en";>;英格里斯<;/选项>;<;选项值=";越南";>;越南语<;/选项>;<;/选择>;<;/DIV>;

顺晟科技:

动态设置标签属性足以让所有IOS版本都显示控制标签。事实证明,这取决于iOS版本。

您不是在iOS 7-9上设置innertext,而是在IOS 10上设置UP要求设置INNERTEXT以显示标签。

需要IOS 10&;向上的

 select {
        background-color: transparent;
        border: none;
        margin: 0;
        width: 100%;
        font-family: inherit;
        font-size: 14;
        cursor: inherit;
        line-height: inherit;
        outline: none;
        text-align: center;
        overflow:auto;
    }
IOS 7-9

不需要

<div class="select m-auto">
                <select id="standard-select" name="bahasa" multiple>
                    <option value="id">Bahasa Indonesia</option>
                    <option value="en">Inggris</option>
                    <option value="viet">Vietnamese</option>
                </select>
            </div>

请注意,移动设备不会考虑大小或倍数,但它在台式机

上运行良好

你可以试试-溢出:自动;

<style>
    select {
        background-color: transparent;
        border: none;
        margin: 0;
        width: 100%;
        font-family: inherit;
        font-size: 14;
        cursor: inherit;
        line-height: inherit;
        outline: none;
        text-align: center;
        height: 90;
    }

    select option {
        margin-top: 10;
    }
</style>
<div class="select m-auto">
                <select id="standard-select" name="bahasa" multiple>
                    <option value="id">Bahasa Indonesia</option>
                    <option value="en">Inggris</option>
                    <option value="viet">Vietnamese</option>
                </select>
            </div>
<代码><;DIV类=“选择M-自动”>;<;选择ID=“ standard-select ” name=“ Bahasa ”多个>;<;option value=“ ID ”>;印度尼西亚语<;/option>;<;option value=“ en ”>;inggris<;/option>;<;option value=“ Viet ”>;越南语<;/option>;<;/选择>;<;/DIV>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航