css - Firefox CSS选择OPTION样式

Question

从我的角度来看，您无法设置框的样式，因为它是特定于操作系统的，除非您使用javascript编辑，否则无法破坏框...

我的例子在这里：

http://www.promilitarybusinessnetwork.com/continueSearch.asp?categoryID=1270

我今天刚刚重新设置了页面样式。与以前相比有了巨大的改进。

在Chrome和Safari中看起来很完美... Firefox给了我一些问题。


在Firefox中，文本不居中。
我不能使用-moz-appearance：none;摆脱右边的盒子。
由于我的Chrome和Safari浏览器的CSS，项目变成白色。这仅用于SELECT文本，但在我喜欢的浏览器中仍然保持黑色。在Firefox中，它变成白色...


我该怎么做才能改变这个...？

.select{
width:361px;
height:44px;
color:#FFF;
font-size:14px;
padding-left:10px;
font-weight:bolder;
font-family:Verdana, Geneva, sans-serif;
background-image:url(images/baseselect_up.png);
display:block;
position:absolute;
-webkit-appearance: none;
-moz-appearance: none;
}
.select:hover{
background-image:url(images/baseselector_down.png);
}

<form method="post" action="newSearch.asp">
<select class="select" name="baseID" >  

<% do while not BaseRs.eof %>
<option value="<%=baseRs("baseID")%>"><%=baseRs("base")%></option>
loop %>                                         
</select> <br><br>
<input type="hidden" name="CategoryID" value="<%=sqlFilter(request("categoryID"))%>">
<div style="position:relative; top:14px; left: 264px;"><input type="submit"     value="Continue >>>"></div>
</form>

有什么方法可以编辑Mozilla以使OPTION文本变为白色，并隐藏SELECT外观和中心文本...？

还是因为每个操作系统的运行方式而感到困惑？

我在办公室中运行MAC，在家中运行PC，因此，我今天仍然可以在PC上看到我的网站，这些更改已经实现。

Answer 1

SELECT / OPTION的基于Java的替换更加可靠和灵活，特别是如果您希望跨浏览器保持一致。您会发现有些使用本地样式和标签无法做到的事情。