禁用选项在 Android 平板电脑上无法正常工作答案

【问题标题】：Disabled option not working properly on Android Tablet禁用选项在 Android 平板电脑上无法正常工作
【发布时间】：2018-07-23 07:37:54
【问题描述】：

我正在为移动设备和平板设备使用选择标签。

在移动设备上，它工作正常，但在平板电脑上，选择标签无法正常工作。

我的问题是：该选项被禁用，但禁用的选项没有变得透明（颜色淡）。

下面是代码示例：

<select id="nativeDropDown" name='nativeDropDown' class="trend-filter native-dropdown-position" ng-click="openNativeDropDown()">
      <option value='selectOption' selected data-ng-show="isIphone"></option>
      <option value='lastDay' data-ng-disabled="chartType === 'boxplot'" data-bas-translate="LastDayFilter"></option>
      <option value='last7Days' data-ng-disabled="chartType === 'boxplot'" data-bas-translate="Last7DaysFilter"></option>
      <option value='last30Days' data-bas-translate="Last30DaysFilter"></option>
      <option value='last12Months' data-bas-translate="Last12MonthsFilter"></option>
      <option value='allTime' data-ng-disabled="!enableBoxplotForAllTime()" data-bas-translate="AllTime"></option>
      <option value='customRange' data-bas-translate="CustomRangeFilter"></option></select>

.trend-filter 
{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-color: #EEEEEE;
    overflow: hidden;
    height: 35px;
    margin-left: 5px;
    /*opacity: 0.5;*/
    width: 40px;
    margin-left: -40px;
}

.native-dropdown-position {
    position: absolute;
    z-index: 99999;
}

【问题讨论】：

标签： html css angularjs html-select tablet

【解决方案1】：

尝试改用 javascript 验证。并使用以下代码：

document.getElementById("    ").disabled = true; //Fill the white spaces with whatever you name it

【讨论】：

感谢您的评论。您的解决方案不起作用。
jsfiddle.net/8objv405/4 检查这个小提琴并尝试在桌面、平板电脑（android）和移动设备中打开它并检查差异。我猜，如果是安卓平板电脑，这是原生选择中的一个错误。