div模擬下拉框的Demo

2021-08-30 19:07:46 字數 320 閱讀 7465

前兩天在專案中碰到乙個問題,在原圖中下拉框的高度蠻高的,而用select下拉框,它的高度不夠高,於是想控制它的樣式,用了height,誰知道在ie6 7 下不可行。網上找了一下,方案有兩種,一種是改變下拉框裡面字型的大小,當字變大時,下拉框亦會變高,即控制下font-size就好了,第二種是用div+css+js來模擬下拉框,當然它的缺陷是沒有像下拉框那樣有value值,傳值的時候不是太方便。我採用了第二種方案,**如下:

企 業

企 業產 品

這個**在理解上不成什麼問題的,大家可以在這個的基礎上進行修改,來達到自己想要的效果!

div新增下拉框

div 新增滾動條 分類 程式設計技術 div 新增滾動條只需要指定 overflow 屬性為 auto 即可,以下例項設定了 div 水平滾動條 例項菜鳥教程 學的不僅是技術,更是夢想!菜鳥教程 學的不僅是技術,更是夢想!菜鳥教程 學的不僅是技術,更是夢想!菜鳥教程 學的不僅是技術,更是夢想!嘗試...

Jquery模擬下拉框及相容

class label1 旅遊產品名稱i em p style display none 旅遊產品名稱li 其他產品名稱li 沒有產品名稱li 旅遊產品名稱li ul div label1 em click function else 阻止冒泡事件 var e arguments.callee.ca...

下拉框 列舉

列舉 public enum mchtprofitsplittype public string getvalue class 初始化中要放到下拉列表裡的 分賬方式列舉mchtprofitsplittype listorgprofitsplittypelist new arraylist mchtp...