CSS选择箭头的样式

Question

我如何设置我的选择框样式：

主要的麻烦是我的箭头 - 是透明背景，但我需要选择功能的灰色背景选择......

我是这样做的：

.modal.custom .modal-body.full-width .styled-select{
    width: 440px;
    -webkit-appearance: none;
}

.modal.custom .modal-body.full-width .styled-select select{
  width: 480px;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/png/v.png) no-repeat center right #eeeeee;
}

但似乎有些不好......

它看起来像这样：

和小提琴示例：

http://jsfiddle.net/3sebzwxu/

在第一张图片上执行是否真实，以便可以点击？

Answer 1

您只需使用百分比指定背景位置，如下所示

的CSS：

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

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

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

希望这有帮助