Question

我一直在浏览网页，似乎无法找到更改列表框格式的位置。是否可以改变盒子的颜色，使其更具时尚感。

以下是一般列表框代码，任何设计更改（更改颜色/设计/列表框的边框）都将受到赞赏。

<!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>

由于

Answer 1

元素在浏览器本身上有样式。每个浏览器对此元素都有不同的样式。如果要覆盖它们，请使用reset.css或normalize.css

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

更新： - 但是，您可以随时更改基础知识。看看： - http://tympanus.net/Development/SelectInspiration/ http://cssdeck.com/labs/styling-select-box-with-css3

Answer 2

嘿请通过以下链接。这可能会有所帮助。

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/

希望这会对你有所帮助。

列表框格式（设计/颜色/ 3d）

2 个答案: