html 下拉列表中加入图标,CSS3 - 下拉菜单控件的样例（使用Font Awesome字体图标）...

hangge.com

* {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

*:before,

*:after {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

body {

font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;

font-size: 14px;

line-height: 1.42857143;

color: #333333;

background-color: #ffffff;

}

button,

input,

optgroup,

select,

textarea {

color: inherit;

font: inherit;

margin: 0;

}

a {

color: #21b384;

text-decoration: none;

}

a:hover,

a:focus {

color: #198764;

text-decoration: underline;

}

a:focus {

outline: thin dotted;

outline: 5px auto -webkit-focus-ring-color;

outline-offset: -2px;

}

.btn {

display: inline-block;

margin-bottom: 0;

font-weight: normal;

text-align: center;

vertical-align: middle;

touch-action: manipulation;

cursor: pointer;

background-image: none;

border: 1px solid transparent;

white-space: nowrap;

padding: 6px 12px;

font-size: 14px;

line-height: 1.42857143;

border-radius: 4px;

-webkit-user-select: none;

<