列表框格式（設計/顏色/ 3d）

我一直在尋找網絡，似乎無法找到在哪裏更改我的列表框的格式。是否有可能改變盒子的顏色，並給它更多的時尚設計。列表框格式（設計/顏色/ 3d）

下面是一個通用的列表框代碼，任何設計更改（更改顏色/設計/列表框的邊界）將不勝感激。

<!DOCTYPE html> 
<html> 
<body> 

<H2>List Box</H2> 
<select size="4"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

</body> 
</html>

感謝

來源

2015-02-10 Nguyenal07

樣式的'選擇'標籤已經在這個線程徹底覆蓋[如何樣式的選擇下拉用CSS只 - 沒有JavaScript]（http://stackoverflow.com/questions/ 1895476 /如何做的風格，一個選 - 下拉列表與 - CSS-只，而無需JavaScript的）。 – jungy 2015-02-10 05:27:25

元素對瀏覽器本身的風格。每個瀏覽器對此元素都有不同的風格。如果你想覆蓋它們，使用reset.css或normalize.css

好讀 - http://necolas.github.io/normalize.css/

更新： - 但是，你可以隨時更改的基本知識。看看： - http://tympanus.net/Development/SelectInspiration/ http://cssdeck.com/labs/styling-select-box-with-css3

來源

2015-02-10 05:19:24

嘿，請通過下面的鏈接。這可能有幫助。

How to style asp.net dropdownlist - Stack Overflow

這裏是另一個鏈接，這有很大幫助，有更多的自由。

Kendo UI Dropdown List Custom Template

編輯：

這裏是你的小提琴。用不同顏色的下拉列表Dropdown List with color

<div> 
Sample Kendo UI Drop Down List 
<select id="fruit"> 
      <option>Apple</option> 
      <option>Orange</option> 
      <option>Grapes</option> 
      <option>Strawberry</option> 
     </select>

$("#fruit").kendoDropDownList();

有很多，你可以玩的選項。請參考此鏈接http://demos.telerik.com/kendo-ui/themebuilder/

希望這可以幫助你。

來源

2015-02-10 05:25:44

是否有可能讓列表框變成深藍色？ – Nguyenal07 2015-02-10 07:00:54

@ Nguyenal07：你可以根據自己的意願改變顏色。請參閱編輯。 – 2015-02-10 07:15:59

我如何獲得「TabStrip」的代碼我很困惑。你能告訴我一個例子嗎？謝謝 – Nguyenal07 2015-02-10 15:39:59

列表框格式（設計/顏色/ 3d）

回答

相關問題