※ 引述《jackyeah1213 (frog)》之銘言：
: 我在網路上有找到幾個範例
: http://www.acewebdesign.com.au/customselect.php
: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
: 但都是用<select> + <option>在做下拉式
: 但select好像無法將動作寫進去 而需要再加一個button做觸發
: 所以才想用dropdownlist
: 但dropdownlist又好像無法做到樣式的變化ˊˋ
: 想請問有方法能解決嗎?
UI有兩種做法 一種是自己用html markup如div或li去兜出來
然後用css和js寫個class去控制他的邏輯
就如你第一個link的例子
做完整點 可以包成一個plug-in或是 package
就像很多可以在網路上找到的那樣
第二種比較簡單 剛好就如你第二個link那樣
用browser本身的input element去做 然後利用opacity 0 跟z-index 搭配去改外觀
然後還是用input的functionality 去實際抓值
基本的idea就是把他疊在一起 利用opacity 0看不到但按的到的特性去做
然而有些狀況 可能要把input整個display:none 這種時候他會按不到
所以還是要用js去控制 就像你第二個例子中的checkbox 和radio button
你找的例子剛好介紹了常用的方法
依樣畫葫蘆的做一次就可以學會瞜
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 71.104.223.87