為什么我的網站的滑塊只能在Mac（相同的瀏覽器）上正常工作？

Question

我有一個滑塊，上面有一個表單，允許用戶輸入他們的電話號碼，這樣一旦單擊按鈕，他們就可以將鏈接發送到他們的設備。

下拉菜單允許用戶選擇他們的電話運營商（AT＆T，Verizon等）。 通過Chrome瀏覽器使用MAC，我可以看到下拉菜單並在瀏覽器中選擇項目。

在Windows OS上，使用相同的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％確定這是字體顏色問題。