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

Question

我正在为手机和平板设备使用 select 标签。

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

我的问题是:该选项被禁用，但禁用的选项没有变得透明(颜色微弱)。

下面是代码示例:

<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;
}

Answer 1

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

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