Question

select {
background: #f7f7f7;
border: 1px solid #cacaca;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;
font-size: 14px;}

这是我目前的风格。有没有办法删除或修改下拉箭头？

这是下拉列表

@Html.DropDownListFor(m => m.MonthlyComparisonFilter.DurationOperater, durationList)

Answer 1

dropDownButton.ShowDropDownArrow = false;

Answer 2

我想你想这样做：

将此添加到您的select css

<强>火狐

{
  -webkit-appearance:none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance:window;
  overflow:hidden;
}

这适用于 IE ：

select::-ms-expand {
    display: none;
}

http://jsfiddle.net/S6yTm/

如何删除或修改Dropdown Arrow head？

2 个答案: