<select><option> padding/spacing 问题

宅男-兜着走

回复 9# Super-Tomato


   

我发现到一点问题。
如果当前select 着 Level 2 的话， Lever 2 的Spacing 就不见了。

~Zero

eh... 对咯

Super-Tomato

回复  Super-Tomato


   

我发现到一点问题。
如果当前select 着 Level 2 的话， Lever 2 的Spac ...
宅男-兜着走 发表于 2010-10-1 12:59 PM

這是必然的，selector 是顯示你所選擇的 row，而要完全做到 menulist 不變是不行的，再加上 select 標簽没有 show menulist 的 event，所以這自然是最简易的方法。要求高的話就必須自己使用 select 標簽舆 div 结合做出效果，懒惰的話就自己到网上看看有没有人寫好這样的 plugin 套用吧

宅男-兜着走

這是必然的，selector 是顯示你所選擇的 row，而要完全做到 menulist 不變是不行的，再加上 select 標 ...
Super-Tomato 发表于 2010-10-1 02:11 PM

我会选择找现成的

http://jquery.sanchezsalvador.com/samples/example.htm

不过我觉得并无大碍。
东西是没十全十美的。
正所谓， 完美，不完美

~Zero

这个 jquery example 其实就跟 html 的 optgroup 一样，
它的标题 (paper types, chair types) 是不能被选择的。

宅男-兜着走

这个 jquery example 其实就跟 html 的 optgroup 一样，
它的标题 (paper types, chair types) 是不能被选 ...
~Zero 发表于 2010-10-1 03:33 PM

如果 2 个 Level 的话比较简单==
这个不行吗 ==？

1. 
   
2.         <select id="selectGroup">
   
3.             <option>OPT Level1</option>
   
4.             <optgroup>
   
5.             <option>OPT Level2</option>
   
6.             </optgroup>
   
7.         </select>
   

复制代码

可是为什么要那么多空行的 == 。。。

~Zero

这样会空很多行。。。

宅男-兜着走

回复 17# ~Zero

麻烦死 ==

~Zero

对咯，虽然看起来不是很难的东西，可是在 html/css 就是做不到。
这就是 html 其中一个限制吧。

其实 padding 是可行的，可是在众多 browser 中只有 firefox 支持 option 里面 padding。。。
所以是语言技术的问题，还是 browser 的问题？

宅男-兜着走

对咯，虽然看起来不是很难的东西，可是在 html/css 就是做不到。
这就是 html 其中一个限制吧。

其实 p ...
~Zero 发表于 2010-10-2 11:08 AM

这就是为什么人家说做 web app 还难过做 desktop app， 要考虑 browser的兼容性。单单这点就会让人头痛。
而且 CSS 的话， 也有分 Browser支持不支持的。

随着 Chrome 的出现， 我们的负担又变大。