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

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

1 个答案: