2015-03-13 67 views
0

我有所有的文本字段中的圖像和下拉與此類似內增加多個選擇下拉圖像的heigth - CSS

enter image description here

enter image description here

,但對於多重選擇降下拉框我所得到的是這樣的

enter image description here

我想要的圖像顯示這樣的多重選擇下拉

enter image description here

試圖heigth: 100%在CSS,但它不工作。

的CSS我對這個是

.symbol{ 
    background: #FFFFFF url(../images/symbol.gif) no-repeat 4px 4px; 
    background-position: left; 
    } 

我應該在什麼CSS變化得到這一結果?

回答

1

試試這個..

.symbol{ 
    background: #FFFFFF url(../images/symbol.gif) repeat-y 4px 4px; 
    background-position: left; 
    } 

,瞭解重複-X和重複y屬性是在這些條件非常有幫助.. HERE是與網上練習最好的一個..快樂編碼:)

2

你試過:

background-size: 2px 100%; 
+2

我也建議使用BASE64背景圖像這些小圖像。使用如下工具:http://i-tools.org/base64 – 2015-03-13 09:56:26