jQuery select下拉框美化

最新推荐文章于 2023-02-24 09:53:09 发布

csmzl

最新推荐文章于 2023-02-24 09:53:09 发布

阅读量1k

点赞数

分类专栏： JS和JQuery 文章标签： jquery html select 下拉框自定义下拉框

本文链接：https://blog.csdn.net/csmzl/article/details/73087942

版权

本文介绍了如何利用jQuery和CSS来对HTML的select元素进行美化，创建自定义的下拉框样式，提升用户界面体验。

摘要由CSDN通过智能技术生成

jQuery select下拉框美化

HTML：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery select下拉框美化</title>
<meta charset="utf-8">
<script src="../../js/jquery-1.12.1.js"></script>
</head>
<body>
    <div style="width: 264px; height: 130px; left: 0px; top: 0px; position: absolute; right: 0px; bottom: 0px; margin: auto;">
        <select name="drop1" class="ui-select2" id="selectId">
            <option value="">structure empty</option>
            <option value="1">structure 1</option>
            <option value="2">structure 2</option>
            <option value="3">structure 3</option>
            <option selected value="4">structure 4</option>
            <option value="5">structure 5</option>
            <option value="6">structure 6</option>
            <option value="7">structure 7</option>
            <option value="8">structure 8</option>
            <option value="9">structure 9</option>
            <option value="10&

最低0.47元/天解锁文章

csmzl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery select下拉框美化

jQuery select下拉框美化HTML：<!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1"><title>jQuery se
复制链接

扫一扫

专栏目录