Firefox for Android選擇元素不會下降

我今天在Android版Firefox（Samsung Galaxy Tab S2; Android 6.0.1）中遇到了非常意外的事情。 HTML <select>元素不下降，而是顯示疊加樣式彈出窗口。簡單的例子：Firefox for Android選擇元素不會下降

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <style> 
    select { 
    height: 3.0em; 
    width:15.0em; 
    } 
    </style> 
</head> 
<body> 
    <select name="dookie" id="dookie"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    </select> 
</body> 
</html>

在Firefox Android版（50.1.0）：

點擊下拉產生這樣的：

兩種鉻Android和所述Android Browser按預期顯示下拉菜單。在Android版Chrome（55.0.2883.91）：

我什麼也看不到在Firefox設置來改變這種行爲。任何人都知道爲什麼/如何解決此問題？

來源

2016-12-31 claytoncarney

這是用於android的firefox的顯示select標記的方式。沒有辦法「修復」這個，因爲這是一個操作系統行爲。

你可以改變它，並確保select元素的行爲完全一樣在所有瀏覽器的唯一方法是使用JavaScript基本html元素（如DIV/UL/Li）和CSS來替代原來的<select>標籤（這所有的常規選擇庫都有（select2,jquery-ui's selectmenu和jquery-ui's selectmenu等）

來源

2016-12-31 23:49:06 Dekel

如上所示，這不是一個操作系統行爲：它特定於Firefox。瀏覽器等 - 我測試過的所有其他Android瀏覽器 - 除了Firefox根據W3C規範顯示選擇標籤外。 – claytoncarney

Firefox for Android選擇元素不會下降

回答

相關問題