設計 - 發現的東西，但需要幫助

我發現這一個：http://www.prismstudio.co.uk/2009/05/jquery-plugin-stylish-select-unobstrusive-select-box-replacement/設計 - 發現的東西，但需要幫助

我遇到的問題是，我有3個留言：1的左側圓角。 1爲2平行線（我不知道動態選擇框的長度）。 1爲選擇箭頭

我怎麼能在這段代碼？我已經嘗試了幾件事，但它沒有做我想做的事

來源

2010-07-27 Y.G.J

也許你可以發佈一些代碼來告訴我們你有什麼以及它目前在做什麼？ – spinon 2010-07-27 20:23:35

你需要控制什麼樣式？有很多選擇，我們只是不知道你需要它的樣子。 – scunliffe 2010-07-27 20:24:13

我想有這樣的選擇框（_______>）那裏是左括號，圖像的線條和與右括號 – 2010-07-27 20:38:20

嘗試在左側使用單個圖像。只是因爲背景耗盡太久。右側的圖像可以覆蓋在左半部分的頂部和稍微右側。

所以，你將有一個這樣的左背景圖片：

[==================================

和正確的：

v]

和兩個在一起會形成這樣

[=========v]

這是所有的滑門技術。幾乎左半邊在右半邊下滑動。請參閱http://www.alistapart.com/articles/slidingdoors/

當CSS3得到更好的支持時，您可以利用多個背景。

首先，如果你不想要一個固定的寬度，那麼從css中刪除所有的寬度。

這是插件生成的html：

<div class="newListSelected newListSelFocus" tabindex="0" style="position: relative;"> 
<div class="selectedTxt">250</div> 
<ul style="visibility: visible; top: -528px; height: 528px; left: 0pt; display: block;" class="newList"> 
<li><a href="JavaScript:void(0);" class="hiLite">250</a></li> 
<li><a href="JavaScript:void(0);">500</a></li> 
<li><a href="JavaScript:void(0);">1000</a></li> 
<li><a href="JavaScript:void(0);">1500</a></li> 
<li><a href="JavaScript:void(0);">2000</a></li> 
</ul></div>

放在.NewListSelected推拉門的背景之一，另一個在.selectedTxt NAD你要善於去。

隨插件提供的CSS沒有很好地放置選擇框。例如，一切都是浮動的。使用display：inline-block;內聯下拉列表的位置。

來源

2010-07-28 02:48:12 Keyo

設計 - 發現的東西，但需要幫助

回答

相關問題