javascript - 为什么我网站的 slider 只能在 Mac(同一浏览器)上正常工作？

Question

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

下拉列表允许用户选择他们的电话运营商(AT&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">

这为选择元素文本提供了黑色。我 100% 确定这是字体颜色问题。