Question

我有asp下拉列表，我想改变右箭头的样式

所以，我把这一行放在我的下拉课程中：

" background:  url(Arrow.PNG) no-repeat right center;"

现在我想＆＃34;卓尔＆＃34;使用css3的箭头而不是使用arrow.png图片

我有这个绘制箭头的课程：

.PaintArrow {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-width: medium 2px 2px medium;
    border-style: none solid solid none;
    border-color: -moz-use-text-color #D1202F #D1202F -moz-use-text-color;
    box-shadow: none;
    transform: rotate(45deg);
    transition: border 0.2s ease-out 0s;
    position: absolute;
    z-index: 1000;
    right: 14px;
    top: 36px;
    }

如何将此课程连接到我的下拉背景（正确尺寸）？

感谢您的回答

Answer 1

我对asp.net一无所知，但如果普通的CSS和HTML Elements在那里工作，你可以做类似以下的事情。

让我们说你的List-Element被称为 dropdown-li ，这是我们案例中的一个类。

然后你可以使用伪元素：before。

.dropdown-li:before {
    /* All the styles you defined above in your Question. */
}

希望我能帮忙，问候。

这是一个演示小提琴，其中包含一些已编辑的样式：http://jsfiddle.net/f79osge3/

css3 - 自定义下拉列表

1 个答案: