HTML5需要的屬性更改<select>將選項字體添加到Chrome上的Times New Roman

Question

將所需屬性添加到<select>元素時，當我們提交表單時，使用Times new Roman字體顯示選擇選項。

我做了一個jsfiddle here。首先點擊選擇，但不要選擇任何東西，只需注意Arial字體。然後點擊「GO」按鈕，然後在所需表單拒絕提交後再次選擇，您會看到選項字體已更改。

我試過迫使他們！在select option重要但它不工作...任何想法？

這隻發生在Chrome上。

代碼：

<form method='post' action=''> 
    <select id='select' required> 
    <option value>Select stuff</option> 
    <option value='1'>Test 123</option> 
    <option value='2'>Test again 123</option> 
    <option value='3'>Test more 123</option> 
    </select> 

    <button type='submit'>go</button> 
</form> 

body { 
    font: 80%/1.5 Arial; 
} 

select option { 
font-family: Arial !important; 
} 

Answer 1

在你的.js將這個：

$(document).ready(Inicio); 

function Inicio() 
{ 
    $('#select').live("mouseover",function() 
    { 
     $('select option').css("font-family","Arial");   
    }); 
}