Question

我想更改箭头大小和颜色。有没有办法用css做这个？

这是我的代码;

  <div class="gecesayisi">
        <p>Nights</p>
        <select>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="4">5</option>
         </select>

  </div>

选择背景为黑色。在chrome中我看不到箭头，但在mozilla中我可以顺便说一句。

Answer 1

有一些风格的方式，但它取决于浏览器。

获取look at this article以获取更多信息。

.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -moz-appearance: none;
   -webkit-appearance: none;
}

.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
}

Answer 2

将以下行添加到css文件中。

select{font-size:xx px; background-color:#xxx}

Answer 3

这是我喜欢的产品： http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

无论如何都有样式选择标签？

3 个答案: