如何在select下拉框设置滚动条_随笔

如何在select下拉框设置滚动条？定义边框和滚动条样式(通过用层来模拟实现)。

function showHide(obj){ //隐现层的函数

sh={block:"none",none:"block"}

//层的display属性值在"block"和"none"间不断轮换。1、双击打开HBuilder编辑工具，新建静态页面select.html，并引入jquerymobile相关的css文件和JavaScript文件，还需要引入jquery核心文件。

2、然后需要按照图示代码利用jquerymobile布局样式设置上中下，分别使用对应的样式设置布局。

3、然后需要按照图示代码在中间布局的div标签中插入form表单，并在form表单插入一个select下拉框。

4、保存代码并预览该静态页面，可以查看到一个下拉框，点击下拉框查看效果。

5、然后需要按照图示代码再次在select下拉框标签添加属性data-mini，设置为true。

6、然后需要按照图示代码再在该下拉框select元素添加属性data-iconpos，设置值为left即可。

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<select class="my_selected" data-edit-select="1" onmousedown="if(this.options.length>3){this.size=8}" onblur="this.size=0" onchange="this.size=0" style="position:absolutez-index:1">

</select>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7551950.html

如何在select下拉框设置滚动条

发表评论

评论列表（0条）