我想删除下拉列表外面的边框。 我在尝试:
select#xyz option { Border: none; }
但是对我不起作用。
您能得到的最多是:
select#xyz { border:0px; outline:0px; }
您无法完全设置样式,但可以尝试类似
select#xyz { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(../images/select-arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: inherit; margin: 0; overflow: hidden; padding-top: 2px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; }