为什么我的网站的滑块仅在Mac（同一浏览器）上正常工作？

Question

我有一个滑块，其上有一个表单，允许用户输入他们的电话号码，这样他们就可以在点击按钮后获得发送到他们设备的链接。

下拉菜单允许用户选择他们的电话运营商（AT＆amp; T，Verizon等）。使用MAC，通过Chrome浏览器，我可以看到下拉列表，并在浏览器中选择项目。

在Windows操作系统上，使用相同的Chrome浏览器，我不仅无法看到下拉列表中的内容（已经选中而未打开它），但除非您滚动它，否则它看起来完全是空的。

以下是表格：

    <div class="banner-form" id="banner-form1">Enter your number and select your carrier below to   receive a download link !<br />
    <form id="form1" name="form1" method="post" action="">    
    <input type="text" name="keywords" id="keywords" onblur="if(this.value=='') this.value='Mobile   number (ex. 555-555-5555)';" onfocus="if(this.value=='Mobile number (ex. 555-555-5555)') this.value='';" value="Your Number [ex. 100 200 3000] (No dash)" alt="Mobile number (ex. 555-555-5555)" style="color: black;"><br />
    <div id="carrierSelection">
       <select name="carrier" style="font">
       <option value="@vtext.com">Verizon</option>
       <option value="@txt.att.net">AT&amp;T</option>
       <option value="@messaging.sprintpcs.com">Sprint</option>
       <option value="@tmomail.net">T-Mobile</option>
    </select> 
    </div>
    <input type="submit" name="carrierButton" id="chbutton" value="Text yourself the app link" />

    </form>

请让我知道您的想法是什么，我应该关注哪些方面，以及您的怀疑是什么。非常感谢任何帮助。提前谢谢！

Answer 1

检查选择列表中的字体颜色是黑色（不是白色）

你现在有：

<select name="carrier" style="font">

哪个是假造型..试试：

<select name="carrier" style="color: #000">

为选择元素文本提供黑色。我百分百肯定这是字体颜色问题。