下拉框美化

2023-05-01 23:46:02 +08:00 · 2023-05-01 23:46:02 +08:00 · f6fd6f22a2
commit f6fd6f22a2
parent c0705df1f3
2 changed files with 13 additions and 2 deletions
--- a/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/css/index.css
+++ b/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/css/index.css
@ -2,6 +2,17 @@ form {
    text-align: center;
 }

-select {
+/* select {
    width: 150px;
+} */
+
+select {
+    background: #fafdfe;
+    height: 28px;
+    width: 180px;
+    line-height: 28px;
+    border: 1px solid #9bc0dd;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
 }
--- a/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/index.html
+++ b/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/index.html
@ -12,7 +12,7 @@
 </head>

 <body>
-    <div>
+    <div class="select">
        <form>
            省份：
            <select name="province" id="province">