样式与CSS选择箭头

这个问题在这里已经有了答案:

  • 如何在没有JavaScript的情况下仅使用CSS设置<select>下拉菜单? 24个答案

  • 你只需要使用百分比来指定背景的位置,如下所示

    CSS:

    background: url(https://dl.dropboxusercontent.com/u/59666091/v.png) no-repeat 99% 50% #eeeeee;
    

    这意味着背景位置是盒子宽度的99% (因此它不会粘在边缘上)和其高度的50% (所以它总是垂直居中)

    这是一个JSFiddle演示:http://jsfiddle.net/3sebzwxu/1/

    希望这可以帮助

    链接地址: http://www.djcxy.com/p/41605.html

    上一篇: style with CSS select arrow

    下一篇: How can I customize the arrow to select?