选择框箭头样式 [英] Select box arrow style

问题描述

我想让第二个选择框箭头与第一个相同。但我不知道为什么他们是不同的，因为我没有风格的箭头。

I want to make the second select box arrow become the same with the first one. But I have no idea why they are different, because I didn't style the arrow.

推荐答案

浏览器和操作系统确定选择框的样式大多数情况下，它是旁边不可能改变它们单独的CSS。你必须研究替换方法。主要诀窍是应用 appearance：none ，它可以覆盖一些样式。

Browsers and OS's determine the style of the select boxes in most cases, and it's next to impossible to alter them with CSS alone. You'll have to look into replacement methods. The main trick is to apply appearance: none which lets you override some of the styling.

我最喜欢的方法是这一个：

My favourite method is this one:

http：// cssdeck.com/item/265/styling-select-box-with-css3

它不会替换OS选择菜单UI元素，因此所有

It doesn't replace the OS select menu UI element so all the problems related to doing that are non-existant (not being able to break out of the browser window with a long list being the main one).

祝你好运：）

这篇关于选择框箭头样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！