2014-05-12 82 views
1

我想給我的選擇表單背景顏色和邊框,但這似乎並沒有工作。風格選擇表單

這是我的HTML:

<select class="size"> 
    <option>maat</option> 
</select> 

CSS:

select.size { 
    width: 170px; 
    border: 2px solid #dcd8d7; 
    border-radius: 4px; 
    background: #ffffff; 
} 
+1

'#ffffff'是白色\,你確定,背景會變成白色?代碼是[工作](http://jsfiddle.net/s65nc/) –

+0

是的,但是我得到這種標準的白色到灰色漸變。填充也不起作用。 – 2339870

+0

嘗試更改不同的顏色因爲目前它正在工作,但是呈白色。 http://jsbin.com/xemiyuba/2/ – Sowmya

回答

2

變化backgroundbackground-color

還要檢查這個小提琴:

http://jsfiddle.net/NQ5vb/

您必須設置與白色不同的顏色(#FFFFFF)。就拿這裏看看HTML Color Picker

+0

你也可以使用'background'! –

+0

由於@Dhaval Marthak寫道,你也可以使用背景。 :) –

2

你需要做的是這樣的

<div class="styled-select"> 
    <select> 
    <option>Maat</option> 
    </select> 
</div> 

和CSS是這樣

.styled-select select { 
    width: 170px; 
    border: 2px solid #dcd8d7; 
    border-radius: 4px; 
    background-color: #ffffff; 
}